flash動畫制作——循環(huán)語句

1、Flash 動畫制作常用的Actions語句之循環(huán)語句課堂講解上機實戰(zhàn)課后練習(xí)Flash 動畫制作循環(huán)語句 while語句 do while語句 for語句 Flash 動畫制作 在Flash中可以通過循環(huán)語句重復(fù)執(zhí)行某個動作，其中最常用的循環(huán)語句包括while、do while和for。這些語句都位于“動作”面板“語句”選項中的“條件/循環(huán)”選項中，如圖13-12所示。 圖13-12 對于循環(huán)語句，最常用的做法是將一個變量作為計數(shù)器，當(dāng)計數(shù)器中的值在指定范圍內(nèi)時，就執(zhí)行相應(yīng)的動作。每循環(huán)一次，變量的值就增加或減少一個數(shù)，當(dāng)變量的值跳出指定的范圍時，循環(huán)終止。Flash 動畫制作while語句

2、 使用while語句時，系統(tǒng)會先計算一個表達(dá)式，如果表達(dá)式的值為true，就執(zhí)行循環(huán)體中的代碼，在執(zhí)行完循環(huán)體中的每一個語句之后，while語句會再次對該表達(dá)式進(jìn)行計算，當(dāng)表達(dá)式的值仍為true時，會再次執(zhí)行循環(huán)體中的語句，直到其值為false。while語句的語法格式如下：while(condition) statement(s);其中：condition指每次執(zhí)行while動作時都要重新計算的表達(dá)式；statement(s)條件計算結(jié)果為true時要執(zhí)行的指令。 Flash 動畫制作例如，語句：snow=0;while(snow300) gotoAndPlay(2);snow=snow+3

3、;gotoAndPlay(1);表示為snow賦予初值“0”，while語句中的條件為“snow300”，如果snow的值小于300，就執(zhí)行語句“gotoAndPlay(2);”，每循環(huán)一次就執(zhí)行“snow=snow+3;”語句為“snow”的值加3。當(dāng)while語句循環(huán)了100次之后，即“snow”的值不符合小于300的條件時，終止循環(huán)并執(zhí)行其后的“gotoAndPlay(1);”語句，實現(xiàn)跳轉(zhuǎn)到第1幀并繼續(xù)播放的動作。 Flash 動畫制作do while語句 do while語句可以創(chuàng)建與while語句相同的循環(huán)，不同的是，do while語句對表達(dá)式的判定是在其循環(huán)結(jié)束處，使用whil

4、e語句至少會執(zhí)行一次循環(huán)。其語法格式如下：do statement(s);while (condition)其中：condition指要計算的條件；statement(s)是指只要condition參數(shù)的計算結(jié)果為true就會執(zhí)行循環(huán)的語句。 Flash 動畫制作例如，語句：snow=1do gotoAndPlay(2);snow+=1; while (snow300);表示首先為snow賦予一個初值“1”，在do while語句中的條件為“snow300”，當(dāng)snow的值小于300時就繼續(xù)執(zhí)行語句“gotoAndPlay(2);”。在第一次循環(huán)時將先執(zhí)行語句“gotoAndPlay(2);”

5、，然后通過語句“snow20;i-)trace(i);for后面的括號中包括以下3個部分。Flash 動畫制作第1部分聲明一個局部變量，在本例中創(chuàng)建了一個局部變量i并將其設(shè)置為30。該部分只在循環(huán)體開始執(zhí)行之前執(zhí)行一次。 第2部分作為一個供測試的條件，測試i是否大于20。如果滿足該條件，反復(fù)執(zhí)行循環(huán)。循環(huán)開始的時候i等于30，它是大于20的，所以循環(huán)得以執(zhí)行。第3部分是一個運算表達(dá)式，每完成一次循環(huán)都將執(zhí)行該表達(dá)式一次。這里i每次遞減1，然后轉(zhuǎn)到第2部分對i的新值進(jìn)行判斷。 Flash 動畫制作上機實戰(zhàn) 制作照片集 制作身份驗證程序 Flash 動畫制作 在本課上機實戰(zhàn)將進(jìn)行兩個練習(xí)：一是制作

6、一個自己的照片集，其中涉及到的知識點有on、gotoAndStop以及按鈕元件的使用等；二是制作一個身份驗證程序，其中涉及到的知識點有stop、if、else、gotoAndStop等。通過這兩個實例的練習(xí)，大家可以鞏固本課所講的幾個Actions語句的使用。對于沒有練習(xí)到的語句，大家可結(jié)合課堂講解自行練習(xí)，在以后的幾課中也會涉及到這些語句的使用。 Flash 動畫制作制作照片集 其用Flash制作一個自己的照片集是一件非常有意思的事。這里就練習(xí)利用goto語句制作一個照片集，只要單擊照片集上的任何一張小照片，該照片就會放大到整個屏幕顯示，再次單擊又會回到小照片的狀態(tài)，最終效果如圖13-13所

7、示。制作的具體操作如下 :圖13-13Flash 動畫制作（1）新建一個文件，將舞臺大小設(shè)為480400像素，背景色設(shè)為黃色。在第2幀按【F6】鍵插入關(guān)鍵幀，選擇文件導(dǎo)入導(dǎo)入到舞臺菜單命令，在打開的對話框中選中圖片“photo1.jpg”，如圖13-14所示。 圖13-14Flash 動畫制作 （2）單擊 按鈕，出現(xiàn)如圖13-15所示的提示框。 （3）單擊 按鈕，即可將圖片“photo1.jpg”導(dǎo)入到舞臺中，位于第2幀。重復(fù)上面的操作依次將圖片photo2photo5.jpg導(dǎo)入到舞臺中，并分別位于第36幀。 圖13-15Flash 動畫制作 （4）選中第2幀中的“photo1.jpg”，將

8、其按比例縮小，使得圖片剛好能覆蓋舞臺，如圖13-16所示。 （5）用同樣的方法將第36幀中的圖片都縮至舞臺大小。 （6）新建一個名為“photo1”的按鈕元件，選中“彈起”幀，打開“庫”面板，選中其中的位圖“photo1.jpg”，并按住鼠標(biāo)左鍵將其拖動到元件編輯區(qū)的中心，然后將其按比例縮小。 圖13-16Flash 動畫制作 （7）在“指針經(jīng)過”、“按下”、“點擊”幀分別按【F6】鍵將“彈起”幀中的圖片沿用過來，選中“指針經(jīng)過”幀中的圖片，將其按比例放大一點，如圖13-17所示。 （8）用相同的方法分別制作按鈕元件“photo2”、“photo3”、“photo4”、“photo5”，每個按

9、鈕元件中的圖形都是對應(yīng)的位圖“photo2”、“photo3”、“photo4”、“photo5”。 圖13-17Flash 動畫制作 （9）單擊 圖標(biāo)，回到場景中，新建一個圖層，系統(tǒng)自動命名為“圖層2”，將其移到圖層1的下方。選中圖層2中的第1幀，打開“庫”面板，將其中的按鈕元件“photo1”、“photo2”、“photo3”、“photo4”、“photo5”依次拖放到舞臺中，并按如圖13-18所示的位置放置。 圖13-18Flash 動畫制作 （10）選中按鈕元件“photo1”，打開“動作”面板，在“全局函數(shù)”下的“影片剪輯控制”中雙擊 ，右邊的窗口中將彈出如圖13-19所示的列表

10、框，在其中雙擊 ，使它出現(xiàn)在“on”后面的括號中，表示事件發(fā)生在單擊鼠標(biāo)后。 圖13-19Flash 動畫制作 （11）在“”后單擊鼠標(biāo)，再按【Enter】鍵，然后在“全局函數(shù)”下的“時間軸控制”中雙擊 ，右邊的窗口中將出現(xiàn)相應(yīng)的命令，如圖13-20所示。 圖13-20Flash 動畫制作 （12）在gotoAndStop()括號中輸入“2”，表示當(dāng)單擊鼠標(biāo)后動畫跳轉(zhuǎn)到第2幀并停止播放動畫。完成后的Actions語句如下：on (release) gotoAndStop(2); /單擊鼠標(biāo)后動畫跳轉(zhuǎn)到第2幀并停止（13）用同樣的方法為按鈕元件“photo2”、“photo3”、“photo4”

11、、“photo5”添加相同的Actions語句，只是依次將gotoAndStop(2);中的數(shù)字“2”改為3、4、5、6。 在為按鈕元件“photo2”、“photo3”、“photo4”、“photo5”添加Actions語句時也可以直接將“photo1”中的語句復(fù)制過來，再改變gotoAndstop()括號中的相應(yīng)數(shù)值即可。Flash 動畫制作 （14）按【Ctrl+Enter】鍵播放動畫，發(fā)現(xiàn)畫面不停閃爍，根本就沒有停下來，這時只需在時間軸中選中圖層2的第1幀，并為其添加stop語句即可。 （15）為第1幀添加stop語句后按【Ctrl+Enter】鍵播放動畫，出現(xiàn)如圖13-13所示的畫

12、面，在其中單擊任意一張圖片，即可使這張圖片放大到整個屏幕。 （16）按【Ctrl+Enter】鍵播放動畫時會發(fā)現(xiàn)，在圖片被放大后就無法回到如圖13-13所示的畫面了，因此需要為每張放大后的圖片添加一個按鈕，使得單擊這個按鈕時可以回到第1幀中。（17）在場景中選中圖層1第2幀中的圖片，選擇修改轉(zhuǎn)換為元件菜單命令，將其轉(zhuǎn)換為按鈕元件，用相同的方法將第3、4、5、6幀中的圖片均轉(zhuǎn)換為按鈕元件。 Flash 動畫制作 （18）選中圖層1第2幀中的按鈕元件，在“動作”面板中輸入如下Actions語句：on (release) gotoAndStop(1); /單擊鼠標(biāo)后動畫跳轉(zhuǎn)到第1幀并停止 （19）依

13、次選中圖層1中第3、4、5、6幀中的按鈕元件，在“動作”面板中輸入與第1幀中的按鈕元件相同的Actions語句。也可直接將其中的語句復(fù)制到第3、4、5、6幀的按鈕元件中。（20）按【Ctrl+Enter】鍵播放動畫，單擊其中任意一張圖片，可以使該圖片放大顯示，再單擊放大顯示的圖片即可回到如圖13-13所示的畫面。如圖13-21所示是單擊一張圖片后得到的效果。 Flash 動畫制作圖13-21 Flash 動畫制作制作身份驗證程序其大家在上網(wǎng)時經(jīng)常會看到一些驗證身份的界面，要求用戶輸入正確的用戶名和密碼后才能進(jìn)入某個網(wǎng)頁，下面就通過if語句來制作一個簡單的身份驗證程序，效果如圖13-22所示。在

14、該動畫中，只有輸入了正確的用戶名和密碼，再單擊“登錄”按鈕才可進(jìn)入第二個界面，如果輸入錯誤將進(jìn)入第三個界面。輸入用戶名和密碼后單擊“取消”按鈕可以清空文本框，以便重新輸入。在第二個界面和第三個界面中單擊嘴唇或眼睛將回到第一個界面。 Flash 動畫制作 制作的具體操作如下： （1）新建一個文件，將背景色設(shè)為淺藍(lán)色，背景大小設(shè)為300200像素，在舞臺上方輸入文字“歡迎進(jìn)入工作界面”，并將其設(shè)置為“華文中宋、25、黃色、加粗”。圖13-22 Flash 動畫制作 （2）在舞臺中依次輸入文本“用戶名”、“密碼”、“次數(shù)”、“登錄”、“取消”，其位置如圖13-22所示。其中“用戶名”和“密碼”為“華

15、文中宋、17、黃色、加粗”；“登錄”、“取消”為“隸書、25、黃色、加粗”。（3）在“用戶名”和“密碼”后面繪制一個無邊框的白色矩形，然后單擊文本工具 ，在“屬性”面板中選擇“輸入文本”，并在“變量”文本框中輸入“user”，顏色設(shè)置為黑色，如圖13-23所示。在白色矩形上繪制一個輸入文本框，使其剛好能覆蓋矩形。 圖13-23Flash 動畫制作 （4）用同樣的方法在“密碼”后面繪制一個輸入文本框，只是在“變量”文本框中將變量名改為“code”，在 下拉列表框中選擇“密碼”選項。（5）在“次數(shù)”下方繪制出一個文本框，并在“屬性”面板中選擇“動態(tài)文本”，在“變量”文本框中輸入“num”，顏色設(shè)置

16、為紅色。（6）打開“庫-按鈕”面板，在其中的“Ovals”選項下選擇“Oval buttons-yellow”，并將其拖放到舞臺中“登錄”的前面，再拖放一個到“取消”前面，如圖13-22所示的第一個界面所示。（7）在第2幀按【F7】鍵插入空白關(guān)鍵幀，在舞臺上方輸入“Welcome！”，并將其設(shè)置為“Arial Black、52、黃色、加粗”，在“Welcome！”下方繪制一個紅色的嘴唇，如圖13-22的第二個界面所示。 Flash 動畫制作 （8）在第3幀按【F7】鍵插入空白關(guān)鍵幀，在“Welcome！”下方輸入如圖13-22第三個界面所示的文字，并繪制一雙眼睛。（9）新建一個圖層，選中它的第

17、1幀，在“動作”面板中輸入如下語句：stop(); /停止播放動畫num=0; /將變量num的初始值設(shè)為0（10）選中圖層1第1幀中的“登錄”按鈕，在“動作”面板中輸入如下語句：on (release) /單擊“登錄”按鈕num=num+1; /單擊一次“登錄”按鈕，變量num增加1if (user=ygy)&(code=791229) /如果user文本框的內(nèi)容是“ygy”，且code文本框的內(nèi)容是“791229”Flash 動畫制作gotoAndStop(2); /跳轉(zhuǎn)到第2幀并停止 else if(num=3) /如果單擊3次“登錄”按鈕gotoAndStop(3); /跳轉(zhuǎn)并停止至第3幀（11）選中“取消”按