第16 章變裝秀..

可 6-1可 6-2動 鑫 搶 先 看佈 貴 基 本 場 景16-3 佈 宣 選 項 區 塊16-4 設 定 按 下 元 件 後 開 敵 所 屬 選 項 區 塊可 6-5 設 定 選 擇 不 同 選 項 後 置 換 原 來 的 造 型

.IJJ 噩 噩 噩 圖| 間 方 式選 般 娃 娃 頭 星 星 、 上 衣 、 裙 子 與發 子 時 會 顯 示 不 同 的 造 型 還| 設 計 酬 ,…為 每 個 不 同 的 區 塊 加 入 不 同 的 被 鈕 , 自 附 , 光 碟並 Il 收 還 般 的 結 果 , 為 股 定 都 位 軍 跤 1 < 練 習 m \ch16\ 完 成 \ 16.swf>燭 . 還 取 後 會 進 行 更 紋 。::f' 同 的 造 型 。自.lE j~~ ê3此 範 例 元 件 庫 內 的 元 件 相 當 單 純 , 底 直 是 直 接 以 繪 製 在 國 層 之 中 , 其 他 的 元 件 主 要 是協 助 作 品 : 顯 示 不 同 造 型 、 顯 示 選 項 區 塊 , 分 為 主 要 內 容 :l相 關 元 件的名 稱 : haìr_mc名 稱 : clothes_mc名 稱pa nts_mc名 稱 : shoes_mc型 . 影 片 片 段 元 件型 : I 影 片 片 段 元 件型 : 影 片 片 段 元 件型 . 影 片 片 段 元 件116-2

16-3名 稱 : ch_hair類 型 , 影 片 片 段 元 件名 謂 : ch _ clothes類 型 : 影 片 片 ! ~ 量 元 件名 稱ch-..Pðnts類 型 . 影 片 片 段 元 件名 稱 : ch_sh

請 開 歐 本 章 練 習 檔 〈 原 始 \16.fla> . 於 場景 1 動 手 佈 置 揚 景 。此 練 習 檔 已 於 場 景 1 的 身 體 、 底 團 團 層 佈 罩 上娃 娃 的 身 體 與 底 圖 , 並 且 設 為 鎮 定 。 上 菁 、 下菁 、 頭 豎 與 鞋 子 團 層 中 分 別 先 拖 曳 代 表 的 元 件來 顯 示 。 接 下 來 加 入 的 元 件 與 程 式 元 素 將 會 一 一設 計 在 其 他 相 關 圖 層 中 。-可 tdI。 咱..陸 子••可 止 .可 芋 ,圖 ....III dI ......囡 " 岫-, III 曲 . 酬 .國 曲 -.'"'III ""'.'"'間 -.'"'E 蜘 .JI

16-57 解 告 部 位 元 件 .. 肉 曹 並 饋 定 停 止 的 種 或 獨在 這 個 遊 戲 中 , 之 所 以 可 以 更 換 娃 娃 身 上 的 物 件 , 就 因 為 每 個 物 件 中 包 含 了 多 個 不 同 的 內 容 。以 頭 堅 hair_mc 元 件 為 例 , 就 包 含 了 五 個 不 同 的鬢 型 , 若 要 更 換 造 型 時 只 要 指 定 播 放 並 停 止 在 哪一 個 影 格 即 可 。l ClI!I 區 圓 區 E 圓 圓 ___.A.~8 位 舞 台 hair_mc 元 件 實 體 上 連 按 二 下 滑 嵐 左鍵 , 進 入 其 元 件 編 輯 區 。 其 中 包 含 了 二 個層 , 在 國 層 1 圖 層 的 五 個 影 絡 中 分 別 放 置 了一 種 堅 型 。-| φE 屆 圍 區 _____ A. ~台 因 為 hair_mc 是 一 個 影 片 片 段 元 件 , 所 以 預設 狀 況 下 會 依 序 不 停 播 放 影 格 內 容 。 請 選 取actions 圍 層 影 格 1 ' 按 阿 l 鍵 開 敢 動 作 面板 , 請 在 第 1 行 輸 入 r stopO; J ' 如 此 一 來hair_mc 預 設 會 顯 示 影 格 1 中 的 造 型 。回 到 咽 .1 . 請 使 用 相 同 的 方 式 為 娃 娃 身 上 其 他 部 位 的 物 件 : clothes_mc 、 pants_mc 與shoes_mc 設 定 程 式 碼 , 讓 每 個 元 件 預 設 都 能 停 留 在 影 格 1 中 。

E 噩 噩 噩 鹽 .a .. 位 先 件 ... 名因 為 再 來 會 利 用 ActionScript 為 每 個 部 位 的 元 件 更 接 內 容 , 所 以 為 每 個 元 件 實 體 命 名 是 很必 要 的 , 講 選 取 各 個 元 件 實 體 後 為 其 命 名 。爸 還 取 hair_mc 元 { 牛 棚 。 撞 著 在 屬 性 面 板實 體 名 稱 欄 位 輸 入 r hair_mc j . 為 此 元 件體 命 名 。部 i 里 取 圳 愉 _mc 元 件 實 體 。 ; 歪 著 在 屬 性 面摳 , 體 名 稱 欄 位 輸 入 r clothes _ mc j . 為 此元 件 實 體 命 名 。色 選 取 pants_mc 元 件 棚 。 接 慧 在 屬 性 面極 實 體 名 稱 欄 位 輸 入 r pants_mC j . 為 此元 件 實 體 命 名 。色 選 取 shoes_mc 元 件 實 體 。 撞 著 在 團 性 面級 實 體 名 稱 欄 位 輸 入 r shoes_mc j . 為 此元 件 實 體 命 名 。16-6

16-7佈 宜 避 現 區 塊 元 件 到 舞 台 中在 元 件 庫 中 已 經 放 置 的 _hair 、 ch_clothes 、 ch_pants 及 ch_shoes 的 元 件 , 這 些 元件 的 內 容 即 是 各 部 位 讓 使 用 者 選 取 要 更 換 的 造 型 。 接 下 來 請 拖 曳 到 對 應 的 圍 層 及 位 置 上 :接 下 來 請 拖 曳 到 對 應 的 圖 層 及 位 置 上 :. 11 16.11.dlßoIIo 圓錢 , 由台 選 按 塌 .1 的 頭 娶 圖 層 影 格 1件 到 舞 台 上 放 腎 。' 由 元 件 庫 拖 曳 ct 吵@ 請 由 元 { 件 牛 庫 拖 曳 c 州 h 可 '- 州到 上 幸 善 哥 、 下 善 與 鞋 子 圍 層 中 ' 並 依 上 國 位 置 擺 放 。p-_ .. ι囝 枷 圖 _ftI(

E 噩 噩 E 鹽 . 為 . 個 遍 現 區 塊 元 件 實 體 會 各因 為 再 來 會 利 用 ActionScript 顯 示 不 同 的 選 頂 區 塊 , 所 以 為 每 個 區 蹋 的 元 件 實 體 命 名 是 很必 要 的 , 請 選 取 各 個 元 件 實 體 後 為 其 命 名 。台 選 取 ch_hair 元 件 實 體 ,在 團 性 面 槓 實 體 名 稱 攤位 輸 入 r HairChange J為 此 元 件 實 體 命 名 。8 選 取 ch _ clothes 元 件 實體 , 在 屬 性 面 被 實 體 名 稱輸 入 r ClothesChange J為 此 元 件 實 體 命 名 。色 選 取 ch_pants 元 件 實 體在 團 性 面 樞 實 體 名 稱 輸入 r PantsChange J . 為此 元 件 實 體 命 名 。8 選 取 ch _ shoes 元 件體 , 在 團 性 面 板 實 體 名 稱輸 入 r ShoesChange J為 此 元 ( 牛 實 體 命 名 。16-8

~9每 個 選 項 區 塊 中 都 包 含 了 五 個 選 項 元 件 , 例 如 ch_hair 元 件 實 體 中 有 五 個 hair_mc 元 件實 體 , 等 一 下 要 使 用 ActionScript 讓 這 些 選 項 元 件 都 顯 示 不 同 的 造 型 。 不 過 在 設 定 前 , 必須 為 每 個 選 頂 區 塊 中 五 個 選 項 元 件 命 名 , 以 供 ActionScript 使 用 。8 選 按 ch _ hair 元 件 實 體後 連 按 二 下 滑 鼠 左 躍 進 入元 件 編 輯 區 。 選 取 寶 寶 左 方的 hair _ mc 元 件 實 體 ,在 圍 住 面 被 實 體 名 稱 輸入 r hair _ 1 j命 名 . 再 依序 由 左 至 左 為 元 件 命 名 為r hair_2 j - r hair_5 j 。8 選 按 ch _clothes 元 件 實 體後 連 按 二 下 滑 鼠 左 鍵 進 入 元件 編 輯 區 。 選 取 最 左 方 的clothes mc 元 件 實 體 , 在屬 性 面 棍 . 體 名 稱 輸 入r clothes_ 1 j, 依 序 也 左至 左 命 名 為 r clothes_2 j -r clothes _5 j 。色 選 授 ch _ p 州 S 元 件 實 體後 連 按 二 下 滑 鼠 左 躍 進 入元 件 編 輯 區 。 選 取 最 左 方的 pants_mc 元 件 實 體 ,在 屬 性 面 被 實 體 名 稱 輸入 r pants_1 j . 依 序 由 左至 左 命 名 為 r pa nts_2 j -r pan ts_5 j 。色 選 按 ch _ shoes 元 ( 牛 實 體後 連 按 二 下 滑 鼠 左 鍵 進 入元 件 攝 輯 區 。 選 取 最 左 方的 shoes_mc 元 件 實 體 ,在 團 性 面 板 . 體 名 稽 輸入 r s h oes_ 竹, 依 序 也 左至 左 命 名 為 r s hoes_2 j -r shoes_5 j 。

Erii#W 1利 用 ActlonSc 削 " 將 每 個 遍 現 區 塊 肉 的 遍 現 元 件 , 示 不 同 遍 型目 前 每 個 選 項 區 塊 中 的 元 件 都 顯 示 第 一 個 影 格 中 的 造 型 , 接 下 來 要 利 用 ActionScript為每 個 選 項 元 件 顯 示 到 不 同 影 格 中 的 造 型 。 首 先 以 頭 髮 HairChange 元 件 實 體 為 例 , 使 用ActionScript 讓 其 中 的 hair_1 - hair_5 元 件 顯 示 不 同 的 影 格 中 的 造 型 。va r l : Huaber ;Cor (i - I ; 申 5 ; i++) (Ba i rCh""e [ . hai r_. +i ) ., o toAndStop( i) ;Bai rChar 啥 叫 " ha i r_ "+i) . bu t tonllod e- t ru 叫程 式 說 明 :請 選 取 actions 圖 層 的 影 格 1 . 按 叫 鏈 開 毆 動 作 面 級 開 始 輸入 程 式 碼 。var i:Number;f or (i=1; i

, 色 , 咀接 下 來 講 利 用 相 同 的 方 式 , 使 用 ActionScript 設 定 每 個 選 頂 元 件 顯 示 到 不 同 影 格 中 的 造型 , 完 成 選 頂 區 蹋 的 顯 示 。var l:Nu.ber;for (i-1; i.:-5; i++) (Hai rChance[ "hai r_"+i ) ., otoAndStop( i) ;Ha i 叮 hance[ "ha i r_ "+i) . bu t tonllod e- t rue ;C10tbesChance[ "c 1 0 the s_" 刊 ) . , ot 。 但 dStop (i) ;C10tbesChance[ "c 10 thes_ "+i) . bu t tonllode- t rue;PantsChance[ "pants_"+i ) ., otoAndStop( i);Pan tsChance [ 闢 pant s _ "+i) . bu t tonllode- t rue ;Shoøs。 隨 n& e[ "S h o e s_" +i) . 墓 。 t 。 缸 , dStop ( i);ShoesChance [ " 晶 。 e s_"+i) . bu t tonllod e- t rue ;8 若 己 關 閉 動 作 面 皈 講 回 到 糖 1 選 按 訓 。 ns 固 層 影 格1 後 按 阿 1 鍵 開 敢 動 作 面 棍 , 在 迴 圈 中 插 入 如 上 程 式 碼 在 剛 才設 定 HairChange 元 件 內 容 的 程 式 行 後 。程 式 說 明 :for (i=l; Ï

測 鼠 備 軍 遍 現 區 塊 的 信 果請 馬 上 來 測 試 所 有 選 項 區 塊 中 的 元 件 是 否 都 顯 示 了 不 同 的 造 型 。 請 按 州 + j!'er l 鍵 播放 動 畫 來 進 行 選 項 區 塊 的 測 試 , 在 HairChange 、 ClothesChage 、 PantsChange 及ShoesChange 元 件 中 分 別 顯 示 了 不 同 的 造 型 。-.~ r 可 且 她-- 一圓 圓 - 、 1.-一 -.' '''-':=t: :I 區 ~~6-12

&: 一陣 龍 舞 台 上 所 有 的 選 項 區 塊在 舞 台 上 放 置 了 五 個 選 項 區 塊 , 在 預 設 的 狀 態 下 是 要 先 隱 藏 起 來 , 在 選 按 娃 娃 身 上 各 個 部位 時 才 開 歐 所 屬 部 位 的 選 頂 區 塊 。 接 下 來 設 定 隱 藏 舞 台 上 所 有 選 頂 區 塊 的 程 式 碼 。7 Ivar i :NuJlber;8 I for (i-1; 申 5; 叫 {9 I Ha i rChall&e [ 可 ai r_"+i ] .&otoAndStop( i) ;10 I Hai rChan&e[ "hai r_" +i] .buttonJ.Iode- true ;11 I12 I C1o thesChan&e[ "c lothes_"+i ] .&otoAndStop( i);8 若 己 關 閉 動 作 面 板 , 請 回 到 場 景 1 選 按 actions 圍 層 影 格1 後 按 1 內 | 鏈 開 歐 動 作 面 板 , 在 程 式 碼 最 前 方 加 入 設 定 。程 式 說 明 :// 隱 藏 選 項 區 塊HairChange. visi ble=false;ClothesChange.visible=false;PantsChange.visible=false;ShoesChange.visible=false;將 HairChange 、 ClothesChange 、 PantsChange 、 ShoesChange 元 件 實 體 的 屬 性visible 設 為 false 即 可 隱 藏 元 件 的 顯 示 。

請 馬 上 來 測 試 舞 台 上 所 有 選項 區 塊 中 是 否 都 隱 藏 起 來了 。 請 按 叫 + 聳 r l 鍵播 放 測 試 , 舞 台 上 所 有 的 選項 區 塊 元 件 實 體 都 已 經 隱 藏起 來 了 。組 建 在 娃 娃 各 都 位 按 下 峙 , 眾 所 . 的 過 團 團 "在 娃 娃 身 上 有 hair_mc 、 clothes_mc 、 pants_mc 及 shoes_mc 五 個 已 經 命 名 的 元 件 實體 , 接 下 來 要 設 定 按 下 這 些 部 位 的 元 件 實 體 時 會 顯 示 所 屬 的 選 頂 區 i 鬼 。程 式 碼 的 內 容 首 先 要 為 每 個部 位 的 元 件 加 入 偵 聽 ,再 設定 於 該 元 件 上 按 下 滑 鼠 時 要開 敏 的 選 頂 區 i 鬼 。hai r_ac . bu I lonllode- I rue ;clolhesJlc . bu I lonllod e- I rue;panlS_ac . bu I lonllode- I rue;shoesJlc . bu I lonllode- I rue;11 為 娃 娃 各 都 位 元 件 加 入 偵 聽 , 按 下 , 辜 會 P.J 示 所 .. 逃 項 區 ,‘hai r_ac . addEvenlLi s t ener(lIouseEvenl .CLICK. showlla i r) ;clothes_ac . addEventLis tene r( lIou seEvent . CLICK . 鉤 。wC lothes) ;panlSJlC. addEventLi s 楠 ner ( lIo u seEve n\ .CLI CK. showPanlS) ;shoesJlc . addEventLis tener( lIouseEven t .CLICK. showSho 的 ) ;func t ion showllai r( Event :lIouseEvent ) :vo id{Hai rCha",e . vi s i ble- t rue ;}function showC l 。 你 的 ( Event : lIou seEvent ) : void{Clo thesChln&e . vis ibl e- t rue;}funct ion ShowPanlS{Event : lIous eEven \ ): void{PanISCha",e . vi s ib 1 e- t rue ;}func t i on showShoes{ Even t : lIou seEvent ) : voi d{ShoesCha",e . vi s ibl e- t rue;色 若 己 關 閉 動 作 面 被 請 回 到 場 景 1 選 按 actions 圖 層 影 格1 後 按 阿 | 鍵 開 敢 動 作 面 椒 , 在 剛 才 程 式 碼 下 方 繼 續 設 定 。6-14

占 蟬 弘 一 斗 斗 斗 斗 」 一 一 一 - 一 一 I11III18-1程 式 說 明 :H 閉 a 噓 噓 各 部 位 元 件 的 接 但 模 式bair_m 嘲 的 耐 吋 吋 鵬 .....“" 叫 …………………………………...............cloth 個 L.)Ilc.buttonMod, 但 趴 鵬 ….....… ..ipants_m, 已 but 個 ,nMode 甜 , 輯..............isho 間 ,_m 已 buttonMode= 甘 ue;@ 將 hair_mc ' clothes_mc 、 pants_mc 、 shoes_mc 元 件 實 體 的 屬 性 buttonMode 設為 true 即 可 讀 這 些 影 片 片 段 元 件 在 滑 鼠 滑 過 時 的 指 標 為 手 指 。IIIt 壘 金 鐘 各 部 位 元 件 加 入 饋 籠 , 接 下 時 會 , 未 所 屬 還 項 區 塊showHair); .................1'.....bair_m 叫 “EventListener(MouseEvent.CLICK,clothes_mc.addEventListener(Mou 輯 Event.CLICK, showClothes); ....…..ipants_mc.addEventListener(MouseEvent.CLICK, 曲 owPants); …..........~shoes_mc.addEventListener(Mou 揖 Event.CLICK , showShoes); .•@ 為 hair_mc 、 clothes_mc 、 pants_mc 、 shoes_mc 元 件 實 體 加 上 滑 竄 動 作 的偵 聽 : 當 在 實 體 元 件 按 下 時 分 別 會 執 行 showHair 、 showClothes 、 showPants 及showShoes 的 自 訂 函 式 。fun 側 。n showHair(Event:MouseEvent):void{ …...................................….....HairChange. visible= 增 ue;fun 耐 .on showClo 也 叫 Ev, 組 t:MouseEvent):v 叫 ......…........… ......................8Clo 曲 esChange. 叫 “ble 置 信 ue;function 曲 .owPants(Event:MouseEvent):vo 姐 , ...............ó.............................PantsChange.visib 恥 叫 rue;function 伽 wSho 叫 Event:M, 叫 “vent):void{ .............................................Sho 閏 Change.visible 司 n 鵬., showHairO 自 訂 函 式 , 會 將 Hai rC hange 元 件 實 體 的 屬 性 visible 設 為 true ' 即 可 在 舞台 上 顯 示 該 元 件 。e showClothesO 自 訂 函 式 , 會 將 ClothesChange 元 件 實 體 的 屬 性 visible 設 為 true . 即可 在 舞 台 上 顯 示 該 元 件 。• showPantsO 自 訂 函 式 , 會 將 PantsChange 元 件 實 體 的 屬 性 visible 設 為 t 帥 , 即 可 在舞 台 上 顯 示 該 元 件 。• showShoesO 自 訂 函 式 , 會 將 ShoesChange 元 件 實 體 的 團 性 visible 設 為 t 帥 , 即 可在 舞 台 上 顯 示 該 元 件 。

6 戶 16測 館 在 娃 娃 醬 缸 位 被 下 疇 , 眾 所 . 的 遍 現 區 攤請 馬 上 來 測 試 當 按 下 娃 娃 身 體 某 部 位 時 是 否 會 顯 示 所 屬 的 選 項 區 塊 。 講 按 ~ I + 一 一 ←鍵 播 放 動 畫 來 進 行 選 項 區 塊 的 測 試 , 一 開 始 舞 台 上 所 有 的 選 頂 區 塊 都 隱 藏 起 來 。 例 如 在 按下 衣 服 的 clothes_mc 元 件 實 體 後 , 在 右 方 即 會 顯 示 所 屬 的 ClothesChage 元 件 實 體 選項 區 塊 。

16-1設 定 清 單 在 遍 頂 區 塊 申 滑 過 還 頂 時 的 變 化在 娃 娃 身 上 按 下 這 些 部 位 的 元 件 實 體 時 會 顯 示 所 屬 的 選 項 區 塊 , 其 中 會 有 不 同 的 造 型 供 使用 者 選 擇 , 接 下 來 要 先 設 定 滑 鼠 在 滑 過 這 些 選 頂 時 的 變 化 。 首 先 以 頭 髮 HairChange 元 件實 體 為 例 , 使 用 ActionScript 為 其 中 的 hair_1 - hair_5 元 件 加 上 對 滑 鼠 滑 入 滑 出 時 的 債聽 , 並 加 上 執 行 的 函 式 。鴨 r i : lIuaber;(0 川 i- l ; 申 5 ; i++) {Bai rChlDle[ "hai r_"+i ) ., otoAndStop( i) ;Ba i rChlD&:e[ "hai r_.+i ) .bu t tonllode-t rue;Clothes Cha 時 e[ "clothes_"+i ) . , ot 。 但 dStop (i) ;C lothesCha 時 e[ "clothes _ " 刊 ) . bu t tonllode- t rue;Pants Cha 時 e[ "plOts_"+i ) ., otoAndStop( i) ;PantsChlD&:e[ "pants_‘ +i ) .bu t tonllode-t rue;ShoesChlD&:e [ "shoes_ "+i ) ., otoAndStop( i) ;鈍 。 es ChlDl e[ "shoes_ "+i) . bu t tonllode-t rue;(unct ion 研 制 Bt n( event :.ouseEvent ) :void {肺 阻 t . current Ta r, 肘 . alpha - l ;}(unction outB 叫 肺 個 t :. ous eEvent ) :void {ev8nt .currentTar,et . alpha- .2 ;部 若 已 開 閉 動 作 面 蔽 , 請 回 到 棚 1 選 按 訓 ons 團 層 影 格 1後 按 叫 鐘 開 毆 動 作 面 皈 依 上 團 繼 續 設 定 。

~18程 式 說 明 :var i:Number;for (i=l; i

一 一 - 一 一 --4 斗 斗 牛 一 - 一 一 一 IIIIIIIIIII16-1. 噩 噩 E 鹽 . 組 建 獨 .... 申 - 個 過 擅 自 費 取 代 原 來 元 件 的 內 曹最 後 要 設 定 在 選 項 區 塊 選 好 要 使 用 的 造 型 時 , 除 了 關 閉 選 頂 區 塊 外 , 還 要 將 原 來 娃 娃 身 上部 位 的 元 件 實 體 切 接 為 選 擇 的 造 型 。 繼 續 以 頭 髮 HairChange元 件 實 體 為 例 , 為 其 中 的hair_1 - halr_5 元 件 實 體 加 上 對 滑 鼠 按 下 時 的 偵 聽 , 並 加 上 執 行 的 函 式 。var i :Nuaber ;for (i. 1 ; 申 5; i++) (Hai rChance[ . hai r_ . +i ) ., otoAndStop( i) ;Hai rChance[ . ha i r_ .+i) . bu t tonllode- t rue;Hai rChance[ . hair_.+i) .alpha - .2;Hai rChanc 叫 “ ha i r_ .+i) . addEventLis tener( lIouseEvent .1I0USE_OVER ,ClothesChance[ .clothes_ . +i ) ., otoAndStop( i) ;ClothesChance[ .c 1 othes_ .+i) . bu t tonllode- t rue ;Pants Cl 油 nce[ . pan ts_ . +i ) .'0 toAndS top( i);Pants Char 還 e[ . pan ts_ . +i) . bu t tonllode- t rue;ShoesChance[ .s hoe s _、 i) . , ot 。 但 dStop (i) ;sh。 肘 。 隨 時 e[ .shoes_ . +i) . bu t tonllode- t rue;hh山晶ev。 .EnAdMft‘.. --8"叫 aEEZS nut-o 。 吶 、 必 。 nuv“ ω,.V - -­ l 。e . 省 ạ sa-5地--ve nplu ur a­nTa..,­a軒"z,iv叫白日,色 若 己 瞬 間 動 作 面 蝠 , 請 回 到 轍 1 選 按 actions 圖 層 影 格 1後 按 時 | 鐘 開 歐 動 作 面 被 依 上 國 趨 續 設 定 。程 式 說 明 :var i:Number;for (i=1; i 程 5; i++) (HairChange[Whair _ W +ilgotoAndStop(i);HairChange[~air_ w+ilbuttonMode=true;HairChange[Whair_w+ilalpha = .2;HairChange[Whair_ w+iladdEventListener(MouseEventMOUSE_OVER, overBtn);HairChange[~air_ w+iladdEventListener(MouseEventMOUSE_OUT, outBtn);HairChange

@ 為 目 前 元 件 實 體 新 增 一 個 自 訂 屬 性 clìck 恥 , 它 的 值 是 由 迴 圍 的 i 取 得 , 代 表 目 前 所 選 取的 圖 片 在 第 幾 個 影 格 。 這 個 自 訂 屬 性 的 目 的 , 就 是 讀 程 式 知 道 目 前 按 下 的 元 件 代 表 的 是 哪一 個 影 格 中 的 造 型 。@ 為 HairChange 元 件 實 體 中 hair_1 - hair_5 元 件 實 體 加 上 滑 竄 動 作 的 價 聽 : 當 在 元 件 上按 下 時 會 執 行 changeHair 的 自 訂 函 式 。function changeHair(event:MouseEvent):void {this.hair_mc.gotoAndStop(event.currentTarget.clickNo);........................HairChange.visible=fal 的 ........................................................ . ............e• changeHairO 自 訂 函 式 , 會 在 滑 且 按 下 元 件 實 體 時 將 會 由 該 元 件 的 自 訂 屬 性 clickNo 取 得按 下 的 是 哪 一 個 影 格 中 的 造 型 , 再 讓 hair_mc 元 件 實 體 也 前 往 該 影 格 顯 示 造 型 。@ 將 原 來 開 歐 所 屬 的 選 項 區 塊 嗯 藏 起 來 。瓢 , 慮 過 , 其 中 一 個 過 擅 自 覺 取 代 原 來 完 件 的 肉 會請 馬 上 來 測 試 當 按 下 其 中 一 個 髮 型 時 是 否 會 將 原 來 髮 型 取 代 。 請 按 酬 +~rJ 鐘 播 放動 畫 進 行 測 試 , 一 開 始 舞 台 上 所 有 的 選 頂 區 塊 都 隱 藏 起 來 , 在 按 下 的 hair_mc元 件 實 體後 , 在 右 方 即 會 顯 示 所 屬 的 HairChage 元 件 實 體 選 項 區 塊 , 在 選 取 某 個 造 型 後 , 除 了 選頂 區 塊 自 動 關 閉 外 , 原 來 的 元 件 也 畫 喚 成 我 們 所 選 取 的 髮 型 了 。-20

也 且 心 斗 斗 斗 斗 」 一 一 一 - 一 1116-2指 其 他 部 位 加 入 相 間 的 疆 軍 足 , 兜 風 作 晶目 前 已 經 成 功 完 成 hair_mc元 件 與 ChangeHair 元 件 互 動 更 接 造 型 的 程 式 碼 , 請 使 用 相同 的 方 式 為 其 他 的 元 件 加 入 相 對 的 程 式 碼 , 完 成 整 個 作 品 的 製 作 。 接 下 來 使 用 相 同 的 方 式為 娃 娃 身 體 其 他 部 位 元 件 與 所 屬 的 選 項 區 塊 元 件 加 入 相 對 的 程 式 碼 即 完 成 作 品 。程 式 說 明 :var i : Nuaber ;for (i-1 ; i

Sb 閥 Changel"sb 閥 i....+i).gotoAndStop(i); •••••••••••••••••••••••••••••••••••••••••• ..ShoesChange(.shoes_ w+ilbuttonM 吋 e= 伽 白ShoesChange(wshoes_'、i].aIpha = .2;s 凱 h 閏 sCh 旭 an 睹 E 璿 ge[ 訕 loe 個 濁 !S_W+i 刊 iþ 組 岫 E 勘 v 阻 組 必 傀 闖 { M 伽 飢 øeE 勘 v 間 t 儡 .MO∞U 扭 :_0 呃 R, over 叮 毆 恤 n 吋s 鈍 h 揖 sChan 暐 ge(s 泊 h 閻 C 岫 n 曙 ge(wshoes_w+ilclickN 問ShoesChange(.sb 個 s_.+iladdEv, 阻 止 istener(MouseEventCLICK, cha 時 :eSb 個 s);k一 (changeHainft 式 省 略 )function changeClotb 叫 event:Mou 揖 Event):void (............................................,this.clothes_mc.gotoAndStop(eventcurrentTargetclickNo);ClothesChange. visibl 但 fal 輯 :function changePants(event:MouseEvent):void ( ....................….....................this.pants_mc.gotoAndStop(eventcurrentTargetclickNo);PantsChange. visible=false;function changeShoes(event:Mou 揖 Event):void ( ............“..............…........…@this.shoes_mc.gotoAndStop(eventcurrentTargetclickNo);ShoesChange. visibl 但 :false;@ 設 定 ClothesChange 元 件 實 體 中 clothes_1- clothes_5 元 件 的 透 明 度 , 加 入 在 元 件 上滑 過 時 會 及 滑 出 時 執 行 overBtn 、 outBtn 自 訂 函 式 。 最 後 新 增 一 個 自 訂 屬 性 clickNo '讓 程 式 知 道 目 前 按 下 的 元 件 代 表 的 是 哪 一 個 影 格 中 的 造 型 。@ 設 定 PantsChange 元 件 實 體 中 五 個 pants_1 - pants_5 元 件 的 透 明 度 , 加 入 在 元 件 上 滑過 時 會 及 滑 出 時 執 行 。verBtn 、 。 utBtn 自 訂 函 式 。 最 後 新 增 一 個 自 訂 屬 性 clickNo . 讓程 式 知 道 目 前 按 下 的 元 件 代 表 的 是 哪 一 個 影 格 中 的 造 型 。@ 設 定 5hoesChange 元 件 實 體 中 五 個 shoes_1 - shoes_5 元 件 的 透 明 度 , 加 入 在 元 件 上滑 過 時 會 及 清 出 時 執 行 。verBtn 、 outBtn 自 訂 函 式 。 電 後 新 增 一 個 自 訂 團 性 clickNo '讓 程 式 知 道 目 前 按 下 的 元 件 代 表 的 是 哪 一 個 影 格 中 的 造 型 。e changeClothes() 自 訂 函 式 , 會 在 滑 且 按 下 元 件 實 體 時 將 會 由 該 元 件 的 自 訂 屬 性 clickNo取 得 按 下 的 是 哪 一 個 影 格 中 的 造 型 , 再 讓 clothes_mc 元 件 實 體 也 前 往 該 影 格 顯 示 造 型 ,並 將 原 來 開 歐 所 屬 的 選 頂 區 塊 隱 藏 起 來 。• changePants() 自 訂 函 式 , 會 在 滑 鼠 按 下 元 件 實 體 時 將 會 自 該 元 件 的 自 訂 屬 性 clickN 。取 得 按 下 的 是 哪 一 個 影 格 中 的 造 型 , 再 讀 pants_mc 元 件 實 體 也 前 往 該 影 梧 顯 示 造 型 , 並將 原 來 開 歐 所 屬 的 選 頂 區 塊 隱 藏 起 來 。(ð change5hoes() 自 訂 函 式 , 會 在 滑 且 按 下 元 件 實 體 時 將 會 自 該 元 件 的 自 訂 屬 性 clickN 。取 得 按 下 的 是 哪 一 個 影 格 中 的 造 型 , 再 讓 shoes_mc 元 件 實 體 也 前 往 該 影 格 顯 示 造 型 ,並 將 原 來 開 歐 所 屬 的 選 頂 直 塊 曙 藏 起 來 。-22

18-.1 . 可 以 使 用 元 件 實 體 的 屬 性 visible 設 定 物 件 隱 藏 或 是 顯 示 , 值 為 ture 時 是 顯 示 . false即 為 隱 藏 。2. 使 用 影 片 片 段 來 模 擬 按 鈕 的 動 作 , 可 以 加 上 buttonMode = ture 的 屬 性 設 定 , 讓 滑 鼠在 滑 過 影 片 片 段 時 也 能 顯 示 手 指 的 滑 鼠 指 標 。3 . 可 以 使 用 元 件 實 體 的 屬 性 alpha 設 定 物 件 的 透 明 度 。 有 效 值 是 o ( 完 全 透 明 ) 到 1 ( 完全 不 透 明 ) . 預 設 值 為 1 。 當 alpha 設 為 0 雖 然 是 完 全 透 明 , 即 使 看 不 見 程 式 會 依 然 視它 為 真 實 存 在 。4. even t. currentTarget 可 以 取 得 目 前 執 行 函 式 的 元 件 名 稱 。5 . 在 接 下 來 的 延 伸 應 用 中 會 使 用 到 的 程 式 碼 指 令 :. 噩 噩 ð~ 圈currentFrame取 得 物 件 目 前 擂 放 的 影 格 幅 號 。totalFrames可 取 得 目 前 物 件 中 的 影 格 總 轍 。nextFrame() 方 遺可 讀 物 件 往 後 播 放 並 停 留 在 下 一 個 影 格 中 。prevFrame() 方 法可 讀 物 件 往 前 揖 故 並 停 留 在 上 一 個 影 格 中 。startDrag() 芳 湛仆 讀 使 用 者 拖 曳 指 定 的 影 片 片 段 , 要 注 意 的 是 在 作 品 中 一卜 灰 只 能 拖 曳 一 個 影 片 片 段 。stopDrag() 方 連終 止 s 組 成 Drag() 拖 曳 影 片 片 段 的 方 法 。( 此 重 點 內 容 應 用 在 延 伸 練 習 中 )

延 伸 應 用 . 閑 心 牧 場運 用 本 章 學 習 到 的 技 巧 與 特 效 一 起 來 試 試 另 一 個 動 畫 作 品 , 讀 學 習 更 加 有 趣 ! 請 依 照 如 下提 示 , 完 成 。........w,............,.'" 陶 ......... . .w,........~...貫 作 擾 素請 開 歐 本 章 延 伸 應 用 〈 原 始 \ ex16.f1a> . 以 下 將 製 作 一 個 將 不 同 動 物 拖 曳 到 舞 台 上 放 畫 的遊 戲 , 主 要 使 用 左 右 按 鈕 切 換 要 使 用 的 動 物 圖 片 , 再 拖 曳 到 上 方 的 景 物 中 擺 放 。 若 想 要 刪除 放 置 的 動 物 , 只 需 要 再 灰 選 按 己 放 在 景 物 中 的 動 物 即 可 刪 除 。此 檔 察 己 於 時 間 軸 佈 置 了 actions 、 被 鈕 、 動物 、 底 圖 四 個 國 層 , 所 有 需 要 使 用 的 元 件 都 已經 放 置 在 所 屬 的 圖 層 中 。-24

16 戶 21 . 分 別 選 取 舞 台 下 方 二 個 方 向 按 鈕 與 中 間 的 動 物 影 片 片 段 元 件 實 體 , 再 於 屬 性 面 級 為 其元 件 實 體 命 名 。8 選 取 舞 台 上 的 向 左 箭 頭 按鈕 , 在 屬 性 面 被 實 體 名 稱欄 位 輸 入 r left_ btn J ' 為 此元 件 實 體 命 名 。8 選 取 舞 台 上 的 向 右 箭 頭 按鈕 , 在 團 性 面 樞 實 體 名 稿欄 位 輸 入 r right_btn J ' 為此 元 件 實 體 命 名 。v8 選 取 舞 台 上 動 物 影 片 片 段 ,在 團 性 面 板 實 體 名 稱 欄 位輸 入 r animalChange J ' 為此 元 件 實 體 命 名 。v

2 . 剛 才 所 設 定 的 左 右 方 向 鍵 功 能 就 是 要 切 換 中 間 的 動 物 影 片 片 段 元 件 實 體 的 影 格 , 讓 它 顯示 不 同 的 動 物 。 在 動 物 影 片 片 段 元 件 實 體 上 連 接 二 下 滑 鼠 左 鍵 , 進 入 元 件 編 輯 區 , 接 下來 先 了 解 該 影 片 片 段 內 容 , 再 進 行 設 定 。色 進 入 animal_mc 影 片 片 段 的 元 件 編 輯 區 後 ,在 動 物 圖 層 的 影 格 1 -5 名 放 置 了 一 個 不 同 的動 物 圖 片 。部 選 按 訓 。 ns 圖 層 影 格 1 後 按 191 鍵 聞 風 動作 面 板 , 請 在 第 1 行 輸 入 r stopO;J ' 如 此一 來 animal _mc 預 設 會 顯 示 影 格 1 中 的 動物 圖 片 。-26

3. 回 到 塌 .1 . 最 後 就 要 為 舞 台 上 的 左 右 方 向 鏈 加 入 程 式 碼 控 制 。 程 式 控 制 的 部 份 很 多 ,包 含 了 切 換 動 物 圖 片 , 新 增 影 片 元 件 、 拖 曳 影 片 元 段 到 舞 台 上 及 刪 除 新 增 的 元 件 ... 等 。在 這 之 前 , 要 先 為 元 件 , 中 的 animal_mc 設 定 匯 出 為 程 式 碼 的 類 別 , 如 此 才 能 利 用程 式 碼 在 舞 台 上 新 增 這 個 物 件 。色 在 元 件 庫 面 級 中 , 於 animal_mc 影 片 片 段 上按 滑 屆 右 鍵 還 按 圖 性 。....••-... 自 主- 畫 一...Jt._..爸 在 元 件 , 姓 對 話 方 塊 的 連 結 區 中 核 選 區 出 給ActionScript 使 用 。 ( 若 在 元 件 團 性 對 話 方 塊沒 有 看 到 達 結 置 , 請 按 下 進 階 鈕 開 敢 ) 類 別保 留 r animaLmc J 做 為 名 稱 , 其 他 維 持 預設 後 按 確 定 鈕 。若 出 現 ActionScript 類 別 當 告 對 話 方 塊 , 請直 接 按 確 定 鈕 。vv認 盤 諱 蕾 " 棚 J!II.....固 不 JRII. 來 , 因 】.

4. 最 後 要 為 左 右 方 向 鍵 及 動 物 影 片 片 段 加 上 控 制 的 程 式 碼 , 請 選 按 actions 圖 層 影 格 1 '透 過 程 式 碼 指 定 此 動 作 :色 按 i9 1 鍵 開 歐 動 作 面 板 ,請 加 上 程 式 碼 , 分 別 設 定 所有 的 動 作 。if (aniaalαll", e . CuaniaalCha",e .'0程 式 說 明 :1/ 在 左 右 方 向 鍵 加 入 債 , 色 , 軌 行 播 放 的 動 作right_btn.addEv 削 Li stene 伽 ouseEv 削 .CLICK , goNext); ..…………. 叮 ……..…………..…………..…………..…………. 叮 ……….“……..…. 叮 …………..……..……..…..………..…..…...l 圳 的 ef f“t_b 岫 t“tn.a a 吋 dd 泌 也 Even 臼 叫 叩 lt 山 吼 Lμi 咖 惚 W 叫 r ( 伽 Mo 此 叫 u 昀 s 甜 eEve 圳 n 削 tωLI 蛇 CαK , 伊 g oPr 附 ); …...........…......H 向 右 方 向 鍵 往 前 . 放 的 動 作function goN 側 (event:MouseEven t){ …................................................1/ 若 目 前 影 片 的 影 格 是 最 後 一 個 就 回 到 第 一 格 繪 放 , 否 則 往 下 橋 放if (animalChange.currentFrame==animalChange.totalFrames) (animalChange.gotoAndStop( 0);) else (animalChange.nextFrame();function goPrev( 叫 lt:MouseEvent) ( …...............................................81/ 若 目 前 影 片 的 影 格 是 第 一 個 就 前 往 最 後 一 格 橋 放 , 否 則 往 前 . 放if (animalChange.currentFrame=l) (animalChange.gotoAndStop(animalChange.totalFrames);) else (this.animalChange.prevFrameO;-28

18 戶 .2@ 為 向 右 按 鈕 的 righCbtn 元 件 實 體 設 定 addEvent Li stenerO 函 式 加 上 偵 聽 : 當 元 ( 牛 被 按 下時 執 行 goNextO 自 訂 函 式 中 指 定 的 動 作 。@ 為 向 左 按 鈕 的 left_btn 元 件 實 體 設 定 addEvent Li stenerO 函 式 加 上 偵 聽 : 當 元 件 被 按 下 時執 行 goPrevO 自 訂 函 式 中 指 定 的 動 作 。• goNextO 自 訂 函 式 內 容 , 當 滑 嵐 按 下 向 右 的 按 鈕 時 , 若 目 前 影 片 的 影 格 是 最 後 一 個 就 回 到第 一 格 播 放 , 否 則 往 下 播 放 。 其 中 currentFrame 可 以 取 得 目 前 影 格 編 號 , totalFrames可 以 取 得 影 格 總 數 , 使 用 nextFrameO 的 方 法 可 以 往 下 播 放 下 一 個 影 格 。e goP 削 o 自 訂 函 式 內 容 , 當 滑 鼠 按 下 向 左 的 按 鈕 時 , 若 目 前 影 片 的 影 格 是 第 一 個 就 到 最 後一 格 播 放 , 否 則 往 前 播 放 。 其 中 使 用 prevFrameO 的 方 法 可 以 往 上 播 放 前 一 個 影 格 。II~ 包 動 物 影 片 片 段 開 iU 安 但 模 式animalChange.buttonM 叫 e=true;… .. .… . . . . . ... ... . . . ........... . .... . .......................γ@H 在 動 物 影 片 片 段 加 入 債 穗 , 執 行 施 曳 的 動 作 :animalChange.addEventListener(MouseEvent.MOUSE_DOWN, moveObj);.....:H 施 曳 動 物 影 片 片 段 動 作function moveObj(event:MouseEvent) (H 新 增 動 物 影 片 片 段 益 放 E 到 . 台 上 … ............ . .......................-….....。var animalMC = new animal_mc();stage.addChild(animalMC); “....….......……...……...............…….」H 新 增 影 片 的 . 放 , 修 格 為 原 動 物 影 片 片 段 目 前 的 學 格 所 在animalMC.gotoAndStop(animalChange.currentFrame); …...…H 闖 敘 接 鈕 模 式 , 被 定 透 明 度 為 20% ' 並 閒 始 隨 著 滑 鼠 拖 曳an 咖 Ean 叫 lima 剖 lMC.a l 崢 pha= 且 E 丸 .2; .animalMC.startDrag(true); …...11 加 入 滑 鼠 放 開 展 再 接 下 滑 鼠 峙 的 債 aa 削 叫 nin 血 祉 n 恤 叫 M 肌 C. 泌 a“dd 祖 Ev 呵 ver 臼 E 吼 i 蜘anima 訓 lMC .addEvent Listenerκ(Mous 揖 eEvent 乞 .CLI 蛇 CK, removeOb 蚵 j); ……....@ 為 animalChange 影 片 片 段 開 歐 按 鈕 模 式 並 設 定 addEvent Li stenerO 函 式 加 上 值 聽 . 當滑 鼠 皮 下 時 , 執 行 move。 叫 o 自 訂 函 式 中 指 定 的 動 作 。(ð moveObjO 自 訂 函 式 的 功 能 是 拖 曳 新 增 的 動 物 影 片 片 段 動 作 , 首 先 新 增 動 物 影 片 片 段 並 放董 到 舞 台 上 。 利 用 剛 才 自 元 件 廠 新 增 的 animal_mcO 類 別 新 增 animalMC 物 件 。 接 著 使用 addChildO 將 它 放 董 到 舞 台 上 。@ 為 animalMC 元 件 實 體 開 歐 按 鈕 模 式 並 設 定 透 明 度 為 2 (20%) , 並 設 定 砌 成 Drag(true) 讓物 件 跟 著 滑 霞 、 走 。@ 為 animalMC 元 件 實 體 設 定 addEvent Li stenerO 函 式 輸 入 偵 聽 , 它 所 值 聽 的 動 作 為 當滑 鼠 放 開 按 鈕 時 , 執 行 placeObjO 自 訂 函 式 中 指 定 的 動 作 。 再 為 animalMC 元 件 設 定addEvent Li stenerO 函 式 輸 入 偵 聽 : 當 滑 鼠 選 按 時 執 行 removeO 叫 o 自 訂 函 式 指 定 動 作 。

l 她 叫 悴 的 動 作func 帥 pIac:eObj(ev 扭 曲 伽 aeEvent} ( .................. . ........... . ......... . ................。"* 拖 曳 的 樹 件 的 通 明 度 , 鹿 島 1 倒 阱 , 直 停 止 拖 曳e 帽 吼 恤 'Øet.al 恤 8=1;evl 間 已 個 pt.stop 勘 睹 。"..... 件 的 . 作function removeObj(even 位 MouaeE~ 創 刊 . .... . ........ .. ......................................"* 還 取 的 . 件 金 聆stage.removeChi 叫 ~ 關 yObject(evenLtarget});• place。 叫 o 自 訂 函 式 內 容 , 當 滑 且 在 原 元 件 實 體 上 按 下 左 鏈 後 會 新 增 一 個 相 同 的 物 件 , 並跟 著 滑 鼠 拖 曳 移 到 景 物 中 , 一 旦 放 開 滑 嵐 左 鐘 時 , 就 將 該 物 件 的 透 明 度 設 為 100% ' 並 停 止拖 曳 。GÞ remove。 叫 o 自 訂 函 式 內 容 . 在 新 增 的 元 件 實 體 上 按 下 滑 嵐 左 鏈 , 即 刪 除 物 件 。5. 講 先 儲 存 擋 車 再 按 .. 1 + 鍵 播 放 動 畫 進 行 測 試 , 瀏 覽 整 個 作 品 的 動 態 效 果 。胡

6 . 影 桔 速 率 指 示 器 7 經 過 時 間 指 示 器第 六 章 ~ 第 十 章範 例 題 請 自 行 操 作第 一 章一 、 是 非 題1. 02. X ( 僅 完 整 顯 示 舞 台 內 容 , 工 作 區 則 需 透過 捲 軸 來 移 動 。 )3. 04. 05. X ( 預 設 檔 名 為 未 命 名 . 1)6. 07. X ( 檢 視 比 例 不 會 受 到 影 響 )二 、 填 充 題1. 功 能 表 列 2 . 切 換 標 籤 3 工 具 列 4.舞 台 5 . 工 作 區 攝 6 . 時 間 軸 面 級 7 . 應用 程 式 列 8 . 屬 性 面 板 9. 工 具 面 板第 十 一 章一 、 是 非 題1. 02. X ( 可 以 藉 由 選 按 或 是 直 接 拖 曳 到 Sc 巾 t窗 格 中 插 入 程 式 )3. X ( 在 切 蓋 起 到 Sc 付 pt 助 理 模 式 狀 態 下 ,無 法 在 Script 窗 捕 中 直 接 編 輯 。 )4. 05. 06. X ( 不 可 使 用 )7. X ( 用 r. 是 」、「 否 」 來 表 達 )8. X ( 指 定 運 算 子 )9. 010. 0二 、 填 充 題1 動 作 工 具 箱 、 Script 導 覽 器 、 Script 窗 桔第 二 章 ~ 第 四 章純 例 題 講 自 行 操 作2 . 一 般 模 式 、 Script 助 理 模 式3. . 性 、 方 法 、 事 件4 . 指 定 運 算 子 、 數 學 運 算 子 、 邏 輯 運 算子 、 比 較 運 算 子 、 其 他 特 別 的 運 算 子 應 用第 五 章一 、 選 擇 題1. A 2. C 3. C 4. 8 5. ABC二 、 墳 充 題1 播 放 檻 頭 2 . 空 白 關 鏈 影 格 3 . 時 間 軸標 題 4 . 描 團 組 按 鈕 5 . 目 前 影 格 指 示 器

三 、 配 合 題@ 套 用 字 行 註 解@ 收 合 選 取 範 團@ 的 合 括 強 之 間@ 檢 查 語 法@ 套 用 區 塊 註 解@ 插 入 目 標 路 徑@ 全 部 展 開 @ 在 Script 中 增 加新 的 項 目@ 顯 示 11 種 藏 工 具 箱一 @ 移 除 註 解@ 顯 示 程 式 碼 提 m@ 除 錯 選 頂@ 尋 尋 找@ 自 動 格 式 化@ 選 取 「 動 作 工 具箱 」 的 項 目 建 軍程 式 碼第 十 二 章 ~ 第 十 六 章範 例 題 講 自 行 操 作