01 用 ActionScript 3.0 開始認識 Flash CS3 Flash 是應用在網路上非常流行且高互動性的多媒體技術, 由於擁有向量圖像體積小的優點, 而且 Flash Player 也很小巧精緻, 很快的有趣的 Flash 動畫透過設計師的創意紅遍了整個網際網路 雖然很多人都對 Fl

01 用 ActionScript 3.0 開始認識 Flash CS3 Flash 是應用在網路上非常流行且高互動性的多媒體技術, 由於擁有向量圖像體積小的優點, 而且 Flash Player 也很小巧精緻, 很快的有趣的 Flash 動畫透過設計師的創意紅遍了整個網際網路 雖然很多人都對 Flash 可以做精美的網路動畫並不陌生, 但是實際上 Flash 不僅如此, 只要搭配 ActionScript 3.0 就可以搖身一變成為多媒體或商業服務的展示平台 在本章中, 我們不只要介紹如何在 Flash CS3 中撰寫 ActionScript 3.0, 還要讓你知道如何正確的架構專案, 了解一般人常犯的錯誤, 這將會讓你在 Flash 之路上有一個好的開始與未來 學習目標 : 閱讀完本章你將會學習到 : 認識 Flash 與 ActionScript 3.0 透過 Flash CS3 使用 ActionScript 撰寫 ActionScript 常犯的錯誤 用 ActionScript 控制時間影軸 探討主題 : 1. Flash 與 ActionScript 2. Flash 專案設計常見的錯誤

1 2 3 4 5 1-1 Flash ActionScript Flash Adobe Flash Plyaer 98% Flash 98% Flash Flash Flash ActionScript Flash Flash RIA(Rich Internet Application) Web 2.0 YouTube Flash Flash Flash Player Yahoo SAP Oracle Flash Flash Flash Flash fla Flash ActionScript ActionScript fla as Flash 2 Flash CS3 Action Script 3.0

5 4 3 2 1 Flash SWF SWF (Bytecode) Flash Player 1-1 PC MAC Linux Flash Player Flash JAVA JAVA JAVA (JAVA Bytecode) JVM(Java Virtual Machine) 1-1 Flash ActionScript Flash 3 ActionScript 1.0 ActionScript 2.0 2007 ActionScript 3.0 1-2 ActionScript 2.0 ActionScript 1.0 6 ActionScript 3.0 ActionScript 2.0 10 Flash 1-2 ActionScript ActionScript 3.0 Flash CS3 3

1 2 3 4 5 Flash ActionScript ActionScript Flash Flash Flash Script 1-3 ActionScript Flash ActionScript 1-3 [Script ] ActionScript [ ] [ ] [ ] ActionScript [ ] Flash 4 Flash CS3 Action Script 3.0

5 4 3 2 1 1-4 [Script ] [ ] ActionScript 1-4 ActionScript Script [ Script ] 1-5 (Package) [Script ] 1-5 ActionScript 3.0 Flash CS3 5

1 2 3 4 5 [ ] 1-6 [ ] [ ] WORD 1-6 [ ] [Script ] [ ] [ ] [ ] this [ ] root this root 1-7 Flash CS3 Action Script 3.0

5 4 3 2 1 [ ] ActionScript 1-8 1-8 1-9 [ ] 1-9 1-10 Script [ ] ActionScript 3.0 Flash CS3

1 2 3 4 5 1-10 [ ] 1-11 1-12 1-11 1-12 Flash CS3 Action Script 3.0

5 4 3 2 1 Script [ ] 1-13 Help 1-13 [ ] [ ] 1-14 [Ctrl+Shift+Enter] 1-14 ActionScript 3.0 Flash CS3

1 2 3 4 5 [ ] Script 1-15 for 1-15 [ ] Script 1-16 [ ] 1-16 10 Flash CS3 Action Script 3.0

5 4 3 2 1 [ ] 1-17 [+] [-] 1-17 [ ] 1-18 /* */ 1-18 ActionScript 3.0 Flash CS3 11

1 2 3 4 5 // // [ ] // 1-19 1-19 [ ] 1-20 / 1-21 [Script ] [ / ] [ ] [ ] 12 Flash CS3 Action Script 3.0

5 4 3 2 1 1-21 1-22 Script [ ] 1-22 Script ActionScript 3.0 Flash CS3 13

1 2 3 4 5 [ ] 1-23 [ ActionScript] ActionScript [ ] Tahoma 12 1-23 14 Flash CS3 Action Script 3.0

5 4 3 2 1 1-2 Flash Flash Flash 1-1 Flash (Symbol) (MovieClip) (Button) (Graphic) ActionScript Flash root SWF [AS3Sample\CH01\1-1.fla] 1-24 ActionScript 3.0 Flash CS3 15

1 2 3 4 5 1-24 Flash (MovieClip) [ ] [ ] ActionScript( ActionScript 1.0 ) ActionScript 1.0 on(press){ } 1-1 ActionScript 16 Flash CS3 Action Script 3.0

5 4 3 2 1 stop( ) play( ) gotoandstop(,[ ]) gotoandplay(,[ ]) nextframe prevframe nextscene( ) prevscene( ) 1-1 1 1-1.fla 3 Flash 12.0 fps person 36 1-25 [ ] 3 1-25 ActionScript 3.0 Flash CS3 17

1 2 3 4 5 2 1-26 1 36 1-26 3 1-27 person [ ] [ ] [ ] 1-27 18 Flash CS3 Action Script 3.0

5 4 3 2 1 4 1-28 person 36 36 36 [ ] 36 1-28 1-29 ActionScript ActionScript 3.0 Flash CS3 19

1 2 3 4 5 1-29 5 ActionScript 1.0 1-30 play [ - ] [ - ] 1-30 20 Flash CS3 Action Script 3.0

5 4 3 2 1 01 on (press) { 02 play(); 03 } 1-1-1 01 on(press) (Press) 01~03 02 play play root.play( ) 6 5 1-31 stop 1-31 01 on (press) { 02 stop(); 03 } 1-1-2 01 on(press) (Press) 01~03 ActionScript 3.0 Flash CS3 21

1 2 3 4 5 02 stop stop root.stop( ) 7 play stop ActionScript 1-32 [ ] boy 1-32 8 1-33 play 1-33 22 Flash CS3 Action Script 3.0

5 4 3 2 1 01 on (press) { 02 boy.play(); 03 } 1-1-3 01 on(press) (Press) 01~03 02 play play boy.play( ) 9 1-34 stop 1-34 01 on (press) { 02 boy.stop(); 03 } 1-1-4 ActionScript 3.0 Flash CS3 23

1 2 3 4 5 01 on(press) (Press) 01~03 02 play stop boy.stop( ) 1-1 stop 1-35 stop (boy) play 1-35 24 Flash CS3 Action Script 3.0

5 4 3 2 1 stop 1-36 play 1-1 1-36 1-1 1-37 4 on(press) ActionScript 3.0 Flash CS3 25

1 2 3 4 5 1-1 Flash 1-37 1-1 ActionScript 1.0 ActionScript 2.0 ActionScript 2.0 ActionScript 1.0 as 26 Flash CS3 Action Script 3.0

5 4 3 2 1 ActionScript 2.0.onPress=function(){ } ActionScript 1.0 2.0 3.0 1-2 ActionScript 2.0 1-2 [AS3Sample\CH01\1-2.fla] 1 1-38 ActionScript 2.0 3 answera_mc answerb_mc answerc_mc 1-38 ActionScript 3.0 Flash CS3 27

1 2 3 4 5 2 1-39 1 speak 3 1 1-39 3 1-40 2 28 Flash CS3 Action Script 3.0

5 4 3 2 1 1-40 1-41 3 1-41 ActionScript 3.0 Flash CS3 29

1 2 3 4 5 1-42 gotoandstop 2 3 1-42 4 1-4 3 Action 1-43 Action 30 Flash CS3 Action Script 3.0

5 4 3 2 1 5 ActionScript 2.0 01 stop(); 02 answera_mc.onpress = function() { 03 gotoandstop(2); 04 }; 05 answerb_mc.onpress = function() { 06 gotoandstop(3); 07 }; 08 answerc_mc.onpress = function() { 09 gotoandstop(3); 10 }; 1-2 01 1~3 02~04 answera_mc 03 2 05~07 answerb_mc 06 3 08~10 answerc_mc 09 3 ActionScript 3.0 Flash CS3 31

1 2 3 4 5 1-2 1-44 3 1-44 1-2 ActionScript 2.0 1-2 gotoandstop 1-45 32 Flash CS3 Action Script 3.0

5 4 3 2 1 ActionScript ActionScript 1.0 Flash 1-45? Flash Flash Flash ActionScript 3.0 Flash CS3 33

1 2 3 4 5 Flash ActionScript Flash ActionScript Flash ActionScript SWF Flash Player Flash ActionScript Flash ActionScript ActionScript 34 Flash CS3 Action Script 3.0