交互式動畫基礎(chǔ)課件

1、第第10章章 交互式動畫基礎(chǔ)交互式動畫基礎(chǔ)10.1 Flash中的交互功能中的交互功能10.2 常見動作語句常見動作語句10.3 創(chuàng)建交互式動畫創(chuàng)建交互式動畫本章小結(jié)本章小結(jié)Flash中的交互功能是由事件、目標(biāo)和動作組成的。如果將現(xiàn)實生活中的開門看作一個交互過程，那么其中潛在的邏輯關(guān)系如下：（1）事件：即開門行為發(fā)生的原因，這里指人走到房門口。（2）目標(biāo)：即開門行為發(fā)生的對象，這里指門。10.1 Flash中的交互功能（3）動作：即開門行為發(fā)生的內(nèi)容，這里指用鑰匙開門。在Flash 8中，創(chuàng)建交互式動畫就是要設(shè)置在某種事件下對某個對象執(zhí)行某個動作。其中，事件指用戶單擊按鈕或影片剪輯實例、用戶按

2、下鍵盤等操作；動作指使播放的動畫停止、使停止的動畫重新播放等操作。10.1.1 事件事件按照觸發(fā)方式的不同，事件可以分為兩種類型：一種是基于時間的，如當(dāng)動畫播放到某一時刻時，事件就會被觸發(fā)，即通常所說的“幀事件”；另一種是基于動作的，如單擊鼠標(biāo)、單擊按鈕或影片剪輯實例、按下鍵盤等，即通常所說的“用戶觸發(fā)事件”。1幀事件幀事件指當(dāng)動畫播放到某一幀時的事件。例如要使動畫播放到第20幀時停止播放，可以在第20幀中添加一個幀事件，其響應(yīng)動作為“stop”，操作步驟如下：（1）選擇“窗口”“動作”命令，打開動作面板，如圖10.1.1所示。（2）在時間軸中選中第20幀，按“F6”鍵插入關(guān)鍵幀，然后在動作工

3、具箱中選擇“全局函數(shù)”“時間軸控制”“stop”命令，雙擊鼠標(biāo)左鍵，將其添加至腳本輸入?yún)^(qū)，如圖10.1.2所示。注意：只有關(guān)鍵幀才能設(shè)置事件。（3）按“Ctrl+Enter”鍵，測試動畫效果。腳本輸入?yún)^(qū)動作工具箱腳本導(dǎo)航器圖10.1.1 動作面板圖10.1.2 添加stop動作在Flash 8中，用戶還可以單擊“腳本助手”按鈕，將動作面板切換至腳本助手模式，在不太了解ActionScript的情況下創(chuàng)建腳本。例如要控制一個包含兩個場景的動畫，當(dāng)播放到“場景1”的第4幀時，開始播放“場景2”，然后在“場景2”播放結(jié)束后繼續(xù)從“場景1”的第5幀開始播放，直至“場景1”播放完畢后結(jié)束動畫，用戶可以定

4、義兩個幀事件，操作步驟如下：（1）選擇“窗口”“動作”命令，打開動作面板，如圖10.1.1所示。（2）單擊“腳本助手”按鈕，將動作面板切換至腳本助手模式，如圖10.1.3所示。（3）選中“場景1”的第4幀，按“F6”鍵插入關(guān)鍵幀，在動作工具箱中選擇“全局函數(shù)”“時間軸控制”“goto”命令，雙擊鼠標(biāo)左鍵，將其添加至腳本輸入?yún)^(qū)，如圖10.1.4所示。 圖10.1.3 腳本助手模式下的動作面板 圖10.1.4 添加goto動作（4）在“場景”下拉列表中選擇“場景2”選項，在“幀”下拉列表中輸入數(shù)字“4”。（5）單擊工作界面中的“編輯場景”按鈕，在彈出的下拉菜單中選擇“場景2”選項（見圖10.1.5

5、），切換至場景2的編輯窗口。圖10.1.5 選擇“場景2”選項（6）選中“場景2”的最后一幀，按“F6”鍵插入關(guān)鍵幀，在動作工具箱中選擇“全局函數(shù)”“時間軸控制”“goto”命令，雙擊鼠標(biāo)左鍵，將其添加至腳本輸入?yún)^(qū)。（7）在“場景”下拉列表中選擇“場景1”選項，在“幀”下拉列表中輸入數(shù)字“5”。（8）按“Ctrl+Enter”鍵，測試動畫效果。2用戶觸發(fā)事件用戶觸發(fā)事件包括鼠標(biāo)事件、鍵盤事件和影片剪輯事件3種，通過它們對單擊鼠標(biāo)或按下鍵盤等動作做出響應(yīng)，下面簡單介紹一些用戶觸發(fā)事件。（1）press：當(dāng)將鼠標(biāo)指針移到按鈕上時，單擊鼠標(biāo)左鍵發(fā)生動作。（2）keyPress：當(dāng)按下指定鍵時發(fā)生動作

6、。（3）keyUp：當(dāng)釋放某鍵時發(fā)生動作。（4）keyDown：當(dāng)按下某鍵時發(fā)生動作。（5）release：當(dāng)將鼠標(biāo)指針移到按鈕上時，單擊并釋放鼠標(biāo)左鍵發(fā)生動作。（6）releaseOutside：當(dāng)在按鈕上按下鼠標(biāo)左鍵，然后將鼠標(biāo)指針移至按鈕外釋放時發(fā)生動作。（7）rollOver：當(dāng)將鼠標(biāo)指針放置在按鈕上時發(fā)生動作。（8）rollOut：當(dāng)將鼠標(biāo)指針從按鈕上移過時發(fā)生動作。（9）dragOver：當(dāng)在按鈕上按下鼠標(biāo)左鍵，然后將鼠標(biāo)指針移至按鈕外后，又移至按鈕上時發(fā)生動作。（10）dragOut：當(dāng)在按鈕上按下鼠標(biāo)左鍵，然后將鼠標(biāo)指針移至按鈕外時發(fā)生動作。（11）mouseMove：當(dāng)移動鼠

7、標(biāo)時發(fā)生動作。（12）mouseDown：當(dāng)單擊鼠標(biāo)左鍵時發(fā)生動作。（13）mouseUp：當(dāng)釋放鼠標(biāo)左鍵時發(fā)生動作。（14）load：當(dāng)加載影片剪輯元件到場景中時發(fā)生動作。（15）unload：當(dāng)從場景中卸載影片剪輯元件時發(fā)生動作。（16）enterFrame：當(dāng)加入幀時發(fā)生動作。（17）data：當(dāng)“LoadVariables”或“LoadMovie”收到數(shù)據(jù)變量時發(fā)生動作。10.1.2 目標(biāo)目標(biāo)在Flash 8中，事件主要控制當(dāng)前影片、其他影片和外部應(yīng)用程序3個目標(biāo)，其中當(dāng)前影片為默認(rèn)目標(biāo)。1控制當(dāng)前影片在當(dāng)前影片中，如果將press鼠標(biāo)事件分配給某按鈕實例，以實現(xiàn)單擊該按鈕時，移動到第

8、5幀并開始播放的效果，可以執(zhí)行下列操作：（1）選中一個按鈕實例。（2）在動作工具箱中選擇“全局函數(shù)”“影片剪輯控制”“on”命令，雙擊鼠標(biāo)左鍵，將其添加至腳本輸入?yún)^(qū)，如圖10.1.6所示。（3）取消選中“釋放”復(fù)選框，然后選中“按”復(fù)選框，設(shè)定鼠標(biāo)事件為“press”，如圖10.1.7所示。 圖10.1.6 添加on動作 圖10.1.7 設(shè)定鼠標(biāo)事件為“press”（4）在動作工具箱中選擇“全局函數(shù)”“時間軸控制”“goto”命令，雙擊鼠標(biāo)左鍵，將其添加至腳本輸入?yún)^(qū)，如圖10.1.8所示。（5）默認(rèn)場景為“當(dāng)前場景”，在“幀”下拉列表中輸入數(shù)字“5”，如圖10.1.9所示。圖10.1.8 添加

9、goto動作 圖10.1.9 設(shè)置幀數(shù)（6）按“Ctrl+Enter”鍵，測試動畫效果。2控制其他影片如果將goto鼠標(biāo)事件分配給某影片剪輯實例，以實現(xiàn)加載該影片剪輯時，移動到場景3的第5幀并開始播放的效果，可以執(zhí)行下列操作：（1）選中一個影片剪輯實例。（2）在動作工具箱中選擇“全局函數(shù)”“時間軸控制”“goto”命令，雙擊鼠標(biāo)左鍵，將其添加至腳本輸入?yún)^(qū)，如圖10.1.10所示。（3）將鼠標(biāo)指針置于腳本輸入?yún)^(qū)的第1行中，單擊鼠標(biāo)左鍵，動作面板如圖10.1.11所示，可以看到事件，即行為發(fā)生的原因是“加載”，這里采取默認(rèn)。 圖10.1.10 添加goto動作 圖10.1.11 設(shè)定事件為“加載”

10、（4）將鼠標(biāo)指針置于腳本輸入?yún)^(qū)的第2行中，單擊鼠標(biāo)左鍵，顯示goto動作的參數(shù)設(shè)置區(qū)，如圖10.1.12所示。（5）在“場景”下拉列表中選擇“場景3”選項，在“幀”下拉列表中輸入數(shù)字“5”，如圖10.1.13所示。 圖10.1.12 顯示goto動作的參數(shù)設(shè)置區(qū) 圖10.1.13 設(shè)置goto動作的參數(shù)（6）按“Ctrl+Enter”鍵，測試動畫效果。3外部應(yīng)用程序在Flash 8中，有4個動作的目標(biāo)可以是外部應(yīng)用程序，它們是getURL，fscommand，load和unload。外部應(yīng)用程序可以是瀏覽器應(yīng)用程序、Flash投影程序或Web服務(wù)器等，其中，最為常見的外部應(yīng)用程序是瀏覽器應(yīng)用程

11、序，利用它可以打開指定的URL地址中的內(nèi)容，下面介紹如何以瀏覽器為目標(biāo)創(chuàng)建交互行為，操作步驟如下：（1）選中一個影片剪輯實例。（2）在動作工具箱中選擇“全局函數(shù)”“瀏覽器/網(wǎng)絡(luò)”“getURL”命令，雙擊鼠標(biāo)左鍵，將其添加至腳本輸入?yún)^(qū)，如圖10.1.14所示。（3）在“URL”文本框中輸入“http:/”，指定URL地址，如圖10.1.15所示。 圖10.1.14 添加getURL動作 圖10.1.15 指定URL地址（4）按“Ctrl+Enter”鍵，測試動畫效果。10.1.3 動作動作動作是ActionScript腳本語言的靈魂和編程的核心，用于控制動畫播放過程中相應(yīng)的程序流程和播放狀態(tài)。

12、例如stop，play，goto等都是動作，分別用于控制動畫過程中的停止、播放、播放位置的轉(zhuǎn)移等。在Flash 8中，除了可以在動作工具箱中選擇動作命令外，還可以單擊“將新項目添加到腳本中”按鈕，在彈出的下拉菜單中選擇最后一級子命令（見圖10.1.16），然后單擊鼠標(biāo)左鍵，將其添加到腳本輸入?yún)^(qū)。提示：在創(chuàng)建交互動畫時，一個事件可以觸發(fā)多個動作，且多個動作可以在不同的目標(biāo)上同時執(zhí)行。圖10.1.16 選擇最后一級的子命令Flash 8內(nèi)置了數(shù)百條動作語句，通過它們可以實現(xiàn)非常強大的交互功能，下面介紹幾種常見的動作語句，包括其參數(shù)和腳本范例。注意：在Flash 8中，大多數(shù)動作語句都帶有參數(shù)，用戶

13、必須正確設(shè)置這些參數(shù)才能保證動作的正確性。10.2.1 play和和stop語句語句play和stop語句在Flash中用于控制動畫的播放和停止，是Flash中最基本的語句。10.2 常見動作語句1play語句play語句用于使動畫從它的當(dāng)前幀開始播放。如果要添加play語句，可以單擊“將新項目添加到腳本中”按鈕，在彈出的下拉菜單中選擇“全局函數(shù)”“時間軸控制”“play”命令。（1）參數(shù)：play語句沒有參數(shù)。（2）腳本范例：以下腳本展示了一個鼠標(biāo)事件，它使動畫從當(dāng)前位置開始播放。on(release)play();2stop語句stop語句用于停止動畫的播放。如果要添加stop語句，可以單

14、擊“將新項目添加到腳本中”按鈕，在彈出的下拉菜單中選擇“全局函數(shù)”“時間軸控制”“stop”命令。（1）參數(shù)：stop語句沒有參數(shù)。（2）腳本范例：以下腳本展示了一個鼠標(biāo)事件，它使動畫停止播放。on(release)stop();10.2.2 toggleHighQuality語句語句toggleHighQuality語句用于在播放過程中以消除鋸齒效果顯示動畫，啟動該功能，將提高視覺質(zhì)量，但會減慢播放速度。如果要添加toggleHighQuality語句，可以單擊“將新項目添加到腳本中”按鈕，在彈出的下拉菜單中選擇“否決的”“動作”“toggleHighQuality”命令。注意：toggle

15、HighQuality語句不影響單個目標(biāo)，它影響當(dāng)前在Flash Player中播放的整個動畫。（1）參數(shù)：toggleHighQuality語句沒有參數(shù)。（2）腳本范例：以下腳本展示了一個鼠標(biāo)事件，它使當(dāng)前在Flash Player中播放的整個動畫以消除鋸齒效果顯示。on(press)toggleHighQuality ();10.2.3 stopAllSounds語句語句stopAllSounds語句用于停止當(dāng)前在Flash Player中播放的所有聲音，該語句并不影響動畫的視覺效果。如果要添加stopAllSounds語句，可以單擊“將新項目添加到腳本中”按鈕，在彈出的下拉菜單中選擇“全

16、局函數(shù)”“時間軸控制”“stopAllSounds”命令。（1）參數(shù)：stopAllSounds語句沒有參數(shù)。（2）腳本范例：以下腳本展示了一個鼠標(biāo)事件，它使當(dāng)前在Flash Player中播放的所有聲音停止。on(release)stopAllSounds ();10.2.4 gotoAndPlay和和gotoAndStop語句語句gotoAndPlay和gotoAndStop語句用于指定播放指針的位置，并在該處播放或停止播放動畫。1gotoAndPlay語句gotoAndPlay語句用于指定播放指針的位置，并從該處播放動畫。如果要添加gotoAndPlay語句，可以單擊“將新項目添加到腳本

17、中”按鈕，在彈出的下拉菜單中選擇“全局函數(shù)”“時間軸控制”“goto”命令（見圖10.2.1），然后單擊鼠標(biāo)左鍵，將其添加到腳本輸入?yún)^(qū)，如圖10.2.2所示。 圖10.2.1 選擇goto命令 圖10.2.2 添加goto語句（1）參數(shù)：由圖10.2.2中可以看到gotoAndPlay語句有“轉(zhuǎn)到并播放”、“轉(zhuǎn)到并停止”、“場景”、“類型”和“幀” 5個參數(shù)，下面分別進行介紹。1）“轉(zhuǎn)到并播放”：用于設(shè)置從指定的幀開始播放動畫。2）“轉(zhuǎn)到并停止”：用于設(shè)置在指定的幀停止動畫。3）“場景”：用于選擇gotoAndPlay語句的目標(biāo)場景，可以是當(dāng)前場景、當(dāng)前場景的前一個場景、當(dāng)前場景的下一個場景或

18、其他場景。4）“類型”：用于選擇幀的表達(dá)方式，可以是幀編號、幀標(biāo)簽、表達(dá)式、下一幀或前一幀。5）“幀”：在所選類型的基礎(chǔ)上指定幀。（2）腳本范例：以下腳本展示了一個鼠標(biāo)事件，它使播放指針轉(zhuǎn)到當(dāng)前場景的第15幀并開始播放動畫。on (release) gotoAndPlay(15);2gotoAndStop語句gotoAndStop語句用于指定播放指針的位置，并將動畫停止在該幀。如果要添加gotoAndStop語句，可以單擊“將新項目添加到腳本中”按鈕，在彈出的下拉菜單中選擇“全局函數(shù)”“時間軸控制”“goto”命令，單擊鼠標(biāo)左鍵，將其添加到腳本輸入?yún)^(qū)（見圖10.2.3），然后選中“轉(zhuǎn)到并停止”

19、單選按鈕，如圖10.2.4所示。 圖10.2.3 添加goto語句 圖10.2.4 選中“轉(zhuǎn)到并停止”單選按鈕（1）參數(shù)：gotoAndStop語句的參數(shù)與gotoAndPlay語句的參數(shù)相同，這里就不再贅述。（2）實際應(yīng)用：以下腳本展示了一個鼠標(biāo)事件，它使播放指針轉(zhuǎn)到場景2的第5幀并停止動畫的播放。on (release) gotoAndStop(“場景 2”, 5);10.2.5 getURL語句語句getURL語句用于將指定的URL加載到瀏覽器窗口，或者將變量數(shù)據(jù)發(fā)送給指定的URL。如果要添加getURL語句，可以單擊“將新項目添加到腳本中”按鈕，在彈出的下拉菜單中選擇“全局函數(shù)”“瀏覽

20、器/網(wǎng)絡(luò)”“getURL”命令（見圖10.2.5），然后單擊鼠標(biāo)左鍵，將其添加到腳本輸入?yún)^(qū)，如圖10.2.6所示。 圖10.2.5 選擇getURL命令 圖10.2.6 添加getURL語句（1）參數(shù)：由圖10.2.6中可以看到getURL語句有“URL”、“窗口”和“變量” 3個參數(shù)，下面分別進行介紹。1）“URL”：用于設(shè)置鏈接網(wǎng)頁的地址，可以用相對路徑或絕對路徑表示。2）“窗口”：用于設(shè)置鏈接網(wǎng)頁的打開方式，有“_self”，“_blank”，“_parent”和“_top” 4個選項。其中，若選擇“_self”選項，則在當(dāng)前窗口中打開鏈接；若選擇“_blank”選項，則在一個新窗口中打

21、開鏈接；若選擇“_parent”選項，則在當(dāng)前窗口的父窗口中打開鏈接；若選擇“_top”選項，則在最上層窗口中打開鏈接。3）“變量”：用于設(shè)置是否發(fā)送變量及其發(fā)送方式，有“不發(fā)送”、“用GET方式發(fā)送”和“用POST方式發(fā)送”3個選項。其中，若選擇“不發(fā)送”選項，則不發(fā)送變量，是打開URL的最佳方法；若選擇“用GET方式發(fā)送”選項，可以發(fā)送字符串形式的變量；若選擇“用POST方式發(fā)送”選項，可以發(fā)送一個或多個變量。（2）腳本范例：以下腳本展示了一個鼠標(biāo)事件，它用于在當(dāng)前窗口的父窗口中打開URL為“http:/”的網(wǎng)頁。on(release)getURL(“http:/”,“_parent ”)

22、10.2.6 ifFrameLoaded語句語句ifFrameLoaded語句是一個條件語句，即只有在滿足某些條件的情況下才能被執(zhí)行。ifFrameLoaded語句的邏輯關(guān)系為：如果某幀被加載，則執(zhí)行相應(yīng)動作；如果某幀未被加載，則忽略相應(yīng)動作。如果要添加ifFrameLoaded語句，可以單擊“將新項目添加到腳本中”按鈕，在彈出的下拉菜單中選擇“否決的”“動作”“ifFrameLoaded”命令（見圖10.2.7），然后單擊鼠標(biāo)左鍵，將其添加到腳本輸入?yún)^(qū)，如圖10.2.8所示。 圖10.2.7 選擇ifFrameLoaded命令 圖10.2.8 添加ifFrameLoaded語句（1）參數(shù)：由

23、圖10.2.8中可以看到ifFrameLoaded語句有“場景”、“類型”和“幀” 3個參數(shù)，下面分別進行介紹。1）“場景”：用于選擇ifFrameLoaded語句的目標(biāo)場景，可以是當(dāng)前場景或其他場景。2）“類型”：用于選擇幀的表達(dá)方式，可以是幀編號、幀標(biāo)簽或表達(dá)式。3）“幀”：在所選類型的基礎(chǔ)上指定幀。（2）腳本范例：以下腳本展示了如何在第1幀上加載檢測器，它用于檢測標(biāo)簽為“Start”的幀是否被加載，如果已被加載，則執(zhí)行g(shù)otoAndPlay動作，從而使動畫從該幀繼續(xù)播放；如果未被加載，則忽略執(zhí)行g(shù)otoAndPlay動作，繼續(xù)播放動畫的第2幀。ifFrameLoaded (“Start”

24、) gotoAndPlay(“Start”);10.2.7 loadMovie和和unloadMovie語句語句loadMovie和unloadMovie語句用于加載或卸載一個或多個后綴名為.swf的文件。1loadMovie語句loadMovie語句用于加載后綴名為.swf的文件。如果要添加loadMovie語句，可以單擊“將新項目添加到腳本中”按鈕，在彈出的下拉菜單中選擇“全局函數(shù)”“瀏覽器/網(wǎng)絡(luò)”“l(fā)oadMovie”命令（見圖10.2.9），然后單擊鼠標(biāo)左鍵，將其添加到腳本輸入?yún)^(qū)，如圖10.2.10所示。 圖10.2.9 選擇loadMovie命令 圖10.2.10 添加loadMov

25、ie語句（1）參數(shù)：由圖10.2.10中可以看到loadMovie語句有“URL”、“位置”和“變量” 3個參數(shù)，下面分別進行介紹。1）“URL”：用于指定.swf文件的目錄路徑，可以是一個相對路徑，例如behaviors.swf，也可以是一個絕對路徑，例如C:My Documentsbehaviors.swf。2）“位置”：用于指定目標(biāo)影片剪輯的目錄路徑。3）“變量”：用于設(shè)置是否發(fā)送變量及其發(fā)送方式，有“不發(fā)送”、“用GET方式發(fā)送”和“用POST方式發(fā)送”3個選項。（2）腳本范例：以下腳本展示了一個鼠標(biāo)事件，它使behaviors.swf文件加載到名稱為“aaa”的影片剪輯實例上。on

26、(release) loadMovie(“behaviors.swf”, “_root.aaa”);2unloadMovie語句unloadMovie語句用于卸載后綴名為.swf的文件。如果要添加unloadMovie語句，可以單擊“將新項目添加到腳本中”按鈕，在彈出的下拉菜單中選擇“全局函數(shù)”“瀏覽器/網(wǎng)絡(luò)”“unloadMovie”命令（見圖10.2.11），然后單擊鼠標(biāo)左鍵，將其添加到腳本輸入?yún)^(qū)，如圖10.2.12所示。 圖10.2.11 選擇unloadMovie命令 圖10.2.12 添加unloadMovie語句（1）參數(shù)：由圖10.2.12中可以看到unloadMovie語句只有

27、“位置”一個參數(shù)，它用于指定目標(biāo)影片剪輯的目錄路徑。（2）腳本范例：以下腳本展示了一個鼠標(biāo)事件，它用于將加載到“aaa”影片剪輯實例上的.swf文件卸載掉。on (release) unloadMovie(“_root.aaa”);10.2.8 tellTarget語句語句tellTarget語句用于控制其他影片剪輯、變量或者動畫等。如果要添加tellTarget語句，可以單擊“將新項目添加到腳本中”按鈕，在彈出的下拉菜單中選擇“全局函數(shù)”“瀏覽器/網(wǎng)絡(luò)”“tellTarget”命令（見圖10.2.13），然后單擊鼠標(biāo)左鍵，將其添加到腳本輸入?yún)^(qū)，如圖10.2.14所示。（1）參數(shù)：由圖10.2

28、.14中可以看到tellTarget語句只有“目標(biāo)”一個參數(shù)，它用于指定tellTarget語句作用的目標(biāo)。 圖10.2.13 選擇tellTarget命令 圖10.2.14 添加tellTarget語句（2）腳本范例：以下腳本展示了一個鼠標(biāo)事件，它使動畫從名稱為“Button1”的影片剪輯實例跳轉(zhuǎn)至標(biāo)簽為“down”的幀，并且停止動畫的播放。on(release)tellTarget (“/Button1”)gotoAndStop(“down ”);10.2.9 duplicateMovieClip和和removeMovieClip語句語句duplicateMovieClip和removeM

29、ovieClip語句用于在動畫播放期間，動態(tài)地復(fù)制或刪除影片剪輯實例。1duplicateMovieClip語句duplicateMovieClip語句用于在動畫播放期間，動態(tài)地復(fù)制影片剪輯實例。如果要添加duplicateMovieClip語句，可以單擊“將新項目添加到腳本中”按鈕，在彈出的下拉菜單中選擇“全局函數(shù)”“影片剪輯控制”“duplicateMovieClip”命令（見圖10.2.15），然后單擊鼠標(biāo)左鍵，將其添加到腳本輸入?yún)^(qū)，如圖10.2.16所示。 圖10.2.15 選擇duplicateMovieClip命令 圖10.2.16 添加duplicateMovieClip語句注意

30、：不論復(fù)制動作觸發(fā)時原影片剪輯實例正處在哪一幀，復(fù)制的影片剪輯實例總是從第1幀開始播放。（1）參數(shù)：由圖10.2.16中可以看到duplicateMovieClip語句有“目標(biāo)”、“新名稱”和“深度” 3個參數(shù)，下面分別進行介紹。1）“目標(biāo)”：用于設(shè)置要復(fù)制影片剪輯實例的目錄路徑。2）“新名稱”：用于設(shè)置影片剪輯實例副本的名稱，它將繼承原影片剪輯實例的相對路徑，因此用戶無須輸入目錄路徑，而只需輸入名稱即可。3）“深度”：用于設(shè)置影片剪輯實例副本在動畫中的先后順序，若其值為0，則復(fù)制出的影片剪輯副本將代替原影片剪輯實例。（2）腳本范例：以下腳本展示了一個鼠標(biāo)事件，它用來復(fù)制名為MMC的影片剪輯實

31、例，并將副本命名為MMCD，同時用它替換原影片剪輯實例MMC。on(release)duplicateMovieClip(“/MMC”,“MMCD”,0);2removeMovieClip語句removeMovieClip語句用于在動畫播放期間，動態(tài)地刪除影片剪輯實例。如果要添加removeMovieClip語句，可以單擊“將新項目添加到腳本中”按鈕，在彈出的下拉菜單中選擇“全局函數(shù)”“影片剪輯控制”“duplicateMovieClip”命令（見圖10.2.17），然后單擊鼠標(biāo)左鍵，將其添加到腳本輸入?yún)^(qū)，如圖10.2.18所示。 圖10.2.17 選擇removeMovieClip命令 圖1

32、0.2.18 添加removeMovieClip語句（1）參數(shù)：由圖10.2.18可以看到removeMovieClip語句只有“目標(biāo)”一個參數(shù)，用于設(shè)置要刪除影片剪輯實例的目錄路徑。（2）腳本范例：以下腳本展示了一個鼠標(biāo)事件，用來刪除名為MMC的影片剪輯實例。on(release)removeMovieClip (“/MMC”);10.2.10 setProperty語句語句setProperty語句用于在動畫播放過程中調(diào)整影片剪輯實例的大小、旋轉(zhuǎn)、位置、名稱和透明度等屬性。如果要添加setProperty語句，可以單擊“將新項目添加到腳本中”按鈕，在彈出的下拉菜單中選擇“全局函數(shù)”“影片剪

33、輯控制”“duplicateMovieClip”命令（見圖10.2.19），然后單擊鼠標(biāo)左鍵，將其添加到腳本輸入?yún)^(qū)，如圖10.2.20所示。 圖10.2.19 選擇setProperty命令 圖10.2.20 添加setProperty語句（1）參數(shù)：由圖10.2.20中可以看到setProperty語句有“屬性”、“目標(biāo)”和“值” 3個參數(shù)，下面分別進行介紹。 1）“屬性”：用于設(shè)置要調(diào)整的屬性，其選項和功能如表10.1所示。表10.1 各屬性選項和功能屬性選項功 能_alpha設(shè)置影片剪輯實例的透明度。若值為0，將使影片剪輯實例完全透明，即處于不可見狀態(tài)；若值為100，將使影片剪輯實例完全

34、不透明_focusrect設(shè)置矩形焦點。若值為true或任何非0數(shù)值，將使矩形焦點可見；若值為false或0，將使矩形焦點不可見_height設(shè)置影片剪輯實例的高度_highquality設(shè)置影片剪輯實例的視覺效果_name設(shè)置影片剪輯實例的名稱_quality設(shè)置影片剪輯實例的播放質(zhì)量_rotation設(shè)置影片剪輯實例的旋轉(zhuǎn)屬性_soundbuftime設(shè)置流式聲音在播放前的下載時間_visible設(shè)置影片剪輯實例的可見性。若值為true或任何非0數(shù)值，將使影片剪輯實例可見；若值為false或0，將使影片剪輯實例不可見_width設(shè)置影片剪輯實例的寬度_x設(shè)置影片剪輯實例的x軸坐標(biāo)_xsca

35、le設(shè)置影片剪輯實例在x軸方向上的縮放比例_y設(shè)置影片剪輯實例的y軸坐標(biāo)_yscale設(shè)置影片剪輯實例在y軸方向上的縮放比例3）“值”：為所選的屬性設(shè)置值。（2）腳本范例：以下腳本展示了一個鼠標(biāo)事件，用來將名為MMC的影片剪輯實例的透明度設(shè)置為50%。on(release)setProperty(“/MMC”,_Alpha, “50”);前面介紹了交互式動畫的一些基礎(chǔ)知識，這一節(jié)將創(chuàng)建3個交互式動畫的實例，幫助用戶更好地理解和掌握Flash動畫中的交互功能。10.3.1 粒子運動粒子運動創(chuàng)建“粒子運動”實例的操作步驟如下：（1）選擇“文件”“新建”命令，創(chuàng)建一個新的動畫文件。10.3 創(chuàng)建交互

36、式動畫（2）選擇“修改”“文檔”命令，彈出“文檔屬性”對話框，設(shè)置“尺寸”為“550 px400 px”，“背景顏色”為“黑色”，單擊“確定”按鈕。（3）按“Ctrl+F8”鍵，彈出“創(chuàng)建新元件”對話框，在“名稱”文本框中輸入“粒子”，在“類型”選項區(qū)中選中“影片剪輯”單選按鈕，如圖10.3.1所示。圖10.3.1 “創(chuàng)建新元件”對話框（4）單擊“確定”按鈕，進入該元件的編輯窗口。選擇工具箱中的橢圓工具，在屬性面板中設(shè)置筆觸顏色為“無”，填充顏色為“白色”，按住“Shift”鍵，在舞臺的中心位置繪制一個圓形，如圖10.3.2所示。（5）選中第4幀，按“F5”鍵插入幀，如圖10.3.3所示。 圖

37、10.3.2 繪制圓形 圖10.3.3 插入幀（6）單擊時間軸面板中的“插入圖層”按鈕，插入“圖層2”。（7）分別選中第2幀和第3幀，按“F6”鍵插入關(guān)鍵幀，如圖10.3.4所示。（8）選擇“窗口”“動作”命令，打開動作面板，如圖10.3.5所示。（9）選中第1幀，在動作面板中輸入以下代碼：ran = random (100)+random (10);setProperty(“”, _x,550);setProperty(“”, _y, random (400);setProperty(“”, _xscale, ran);setProperty(“”, _yscale, ran);setPro

38、perty(“”, _alpha, random (50) +50); 圖10.3.4 插入關(guān)鍵幀 圖10.3.5 動作面板（10）選中第2幀，在動作面板中輸入以下代碼：setProperty(“”, _x, getProperty (“”,_x )-ran/9);（11）選中第3幀，在動作面板中輸入以下代碼：if (getProperty (“”,_x ) 0) duplicateMovieClip (“/st”, “st” & starnum, starnum);starnum = starnum-1;stop ();（17）按“Ctrl+Enter”鍵，測試動畫效果，如圖10.3

39、.7所示。 圖10.3.7 效果圖10.3.2 秋葉飄飄秋葉飄飄創(chuàng)建“秋葉飄飄”實例的操作步驟如下：（1）選擇“文件”“新建”命令，創(chuàng)建一個新的動畫文件。（2）選擇“修改”“文檔”命令，彈出“文檔屬性”對話框，設(shè)置“尺寸”為“550 px400 px”，“背景顏色”為“#FFCC66”，單擊“確定”按鈕。（3）按“Ctrl+F8”鍵，彈出“創(chuàng)建新元件”對話框，在“名稱”文本框中輸入“葉子”，在“類型”選項區(qū)中選中“圖形”單選按鈕。（4）單擊“確定”按鈕，進入該元件的編輯窗口，在舞臺的中心位置繪制一片葉子，如圖10.3.8所示。（5）按“Ctrl+F8”鍵，彈出“創(chuàng)建新元件”對話框，在“名稱”文

40、本框中輸入“飄”，在“類型”選項區(qū)中選中“影片剪輯”單選按鈕，單擊“確定”按鈕，進入該元件的編輯窗口。（6）選擇“窗口”“庫”命令，打開庫面板，從中拖動“葉子”元件到舞臺的中心位置。（7）分別選中第20，40和60幀，按“F6”鍵插入關(guān)鍵幀，如圖10.3.9所示。 圖10.3.8 繪制葉子 圖10.3.9 插入關(guān)鍵幀（8）選中第20幀中的葉子，按“Ctrl+T”鍵打開變形面板，選中“傾斜”單選按鈕，在“垂直傾斜”文本框中輸入數(shù)值“180”（見圖10.3.10），按Enter鍵將其旋轉(zhuǎn)，如圖10.3.11所示。 圖10.3.10 設(shè)置垂直傾斜參數(shù) 圖10.3.11 垂直傾斜第20幀中的葉子（9）

41、選中第40幀中的葉子，按“Ctrl+T”鍵打開變形面板，選中“旋轉(zhuǎn)”單選按鈕，并在其文本框中輸入數(shù)值“180”（見圖10.3.12），按“Enter”鍵將其旋轉(zhuǎn)，如圖10.3.13所示。 圖10.3.12 設(shè)置旋轉(zhuǎn)參數(shù) 圖10.3.13 旋轉(zhuǎn)第40幀中的葉子（10）分別選中第1，20和40幀，單擊鼠標(biāo)右鍵，在彈出的快捷菜單中選擇“創(chuàng)建補間動畫”命令，創(chuàng)建運動補間動畫，如圖10.3.14所示。圖10.3.14 創(chuàng)建運動補間動畫（11）選中第119幀中的任意一幀，在屬性面板中設(shè)置“緩動”為“100”，“旋轉(zhuǎn)”為“自動”，更改葉子在運動時的速度和旋轉(zhuǎn)屬性，如圖10.3.15所示。圖10.3.15 更

42、改葉子的運動屬性（12）重復(fù)第（11）步的操作，設(shè)置葉子在其他兩個幀段中的運動屬性。（13）單擊“場景1”圖標(biāo)，返回到主場景。（14）從庫面板中拖動“飄”元件到舞臺的中心位置，然后選中“飄”實例，在屬性面板的“實例名稱”文本框中輸入“mc”，如圖10.3.16所示。（15）單擊時間軸面板中的“插入圖層”按鈕，插入“圖層2”，如圖10.3.17所示。（16）選擇“窗口”“動作”命令，打開動作面板，如圖10.3.18所示。圖10.3.16 輸入實例名稱 圖10.3.17 插入圖層 圖10.3.18 動作面板（17）選中“圖層2”的第1幀，在動作面板中輸入以下代碼：_root.ranspeed =

43、0.1;movstyle = function () if (this._x590) this._x = 0;if (this._y410) this._y = -10;this._x += this.speedtype*_root.ranspeed;this._y += this.speedtype*0.6;for (i=1; i=50) _root.ranspeed = (Math.random()-0.5)*0.8;_root.timem = 0; else _root.timem+;（18）按“Ctrl+Enter”鍵，測試動畫效果，如圖10.3.19所示。 圖10.3.19 效果圖1

44、0.3.3 雙蝶飛舞創(chuàng)建“雙蝶飛舞”實例的操作步驟如下：（1）選擇“文件”“新建”命令，創(chuàng)建一個新的動畫文件。（2）選擇“修改”“文檔”命令，彈出“文檔屬性”對話框，設(shè)置“尺寸”為“550 px400 px”，“背景顏色”為“#FFCC66”，單擊“確定”按鈕。（3）按“Ctrl+F8”鍵，彈出“創(chuàng)建新元件”對話框，在“名稱”文本框中輸入“蝴蝶”，在“類型”選項區(qū)中選中“影片剪輯”單選按鈕。（4）單擊“確定”按鈕，進入該元件的編輯窗口，在舞臺的中心位置繪制一只蝴蝶，如圖10.3.20所示。圖10.3.20 繪制蝴蝶 （5）按“Ctrl+F8”鍵，彈出“創(chuàng)建新元件”對話框，在“名稱”文本框中輸入

45、“空”，在“類型”選項區(qū)中選中“影片剪輯”單選按鈕，單擊“確定”按鈕，進入該元件的編輯窗口，不做任何編輯。（6）單擊“場景1”圖標(biāo)，返回到主場景。（7）選擇“文件”“導(dǎo)入”“導(dǎo)入到舞臺”命令，彈出“導(dǎo)入”對話框，導(dǎo)入一幅圖像到舞臺的中心位置，如圖10.3.21所示。 圖10.3.21 導(dǎo)入圖像（8）單擊時間軸面板中的“插入圖層”按鈕，插入“圖層2”。 （9）選中“圖層2”的第1幀，從庫面板中拖動“蝴蝶”元件到舞臺中，然后選中“蝴蝶”實例，在屬性面板的“實例名稱”文本框中輸入“fly1”。（10）重復(fù)第（9）步的操作，再次拖動“蝴蝶”元件到舞臺中（見圖10.3.22），并在屬性面板的“實例名稱”文本框中輸入“fly2”。（11）選中“圖層2”，單擊時間軸面板中的“插入圖層”按鈕，插入“圖層3”。（12）重復(fù)第（9）步的操作，拖動兩次“空”元件到舞臺中（見圖10.3.23），并在屬性面板的“實例名稱”文本框中依次輸入“transp1”和“transp2”。 圖10.3.22 拖入“蝴蝶”元件 圖10.3.23 拖入“空”元件（13）選中“圖層3”，單擊時間軸面板中的“插入圖層”按鈕，插入“圖層4”。（14）選擇“窗口”“動作”命令，打開動