教學(xué)目的：通過(guò)本節教學(xué)了解和掌握動(dòng)作面板及as語(yǔ)句的添加，影片實(shí)例名稱(chēng)、動(dòng)態(tài)文本變量的添加與運用，并通過(guò)此原理創(chuàng )作生動(dòng)有趣的拼圖游戲的動(dòng)畫(huà)效果。
教學(xué)對象：本教材是針對有一定動(dòng)畫(huà)制作基礎及對工具箱、屬性面板、動(dòng)作面板、as語(yǔ)句和相關(guān)界面有所了解的朋友們編制的，因此省略了一些步驟，還望諒解。
教學(xué)要點(diǎn)：實(shí)例名稱(chēng)、變量、動(dòng)作面板、as語(yǔ)句、Alpha。
作前準備：
準備一張中秋節的圖片，經(jīng)過(guò)制圖軟件（ps、fw）處理后，規格約為355*433，保存到指定的文件夾待用。
制作步驟
1.啟動(dòng)FLASH8 軟件。
2.確立文檔屬性 設置動(dòng)畫(huà)尺寸為900*600，顏色深綠，其它默認,點(diǎn)擊確定，進(jìn)入場(chǎng)景1。 如圖1所示：
圖1
3.導入素材到庫
首先，將準備好的所有素材導入到庫中，待用。其素材圖如下：
素材圖
4.創(chuàng )建影片剪輯
（1）選擇“插入－新建元件”，建立一個(gè)名為“個(gè)圖”的影片剪輯元件，點(diǎn)擊確定，進(jìn)入元件編輯區。就一個(gè)圖層。
首先打開(kāi)網(wǎng)格 選擇“編輯－網(wǎng)格”，舞臺變化，如圖2所示：
圖2
從庫中拖出素材圖片到舞臺，設置其規格為355*433（寬20格，高24格），將其打散。全居中。如圖3所示：
圖3
選擇矩形工具，筆觸高度3，無(wú)填充，顏色金黃，在舞臺拖一個(gè)規格為360*433的矩形邊框，再用線(xiàn)條工具在邊框內每隔四格拖三條垂直線(xiàn)段和四條水平線(xiàn)段，將圖片劃分16等分。如圖4所示：
圖4
左起點(diǎn)擊第一格的圖片，其麻點(diǎn)后，右鍵該個(gè)圖將其轉換為影片剪輯01。如圖5所示：
圖5
同理同種方法完成個(gè)圖影片剪輯02－16的操作?，F在庫中有16個(gè)被分割的個(gè)圖影片剪輯元件01－16。雙擊16格邊框，待起麻點(diǎn)后，右鍵該實(shí)例，將其轉換為圖形元件。
（2）選擇“插入－新建元件”，建立一個(gè)名為“底板”的影片剪輯元件，點(diǎn)擊確定，進(jìn)入元件編輯區。就一個(gè)圖層。用矩形工具在舞臺拖一個(gè)規格為90*109的，草綠色的，無(wú)邊線(xiàn)的矩形。全居中。如圖6所示：
圖6
5.編輯制作場(chǎng)景
返回場(chǎng)景1，添加七個(gè)圖層，共八個(gè)圖層。自下而上命名為個(gè)圖、底板、分格、邊框、全圖、動(dòng)本、文本、as。
（1）選擇邊框圖層第一幀，用矩形工具在舞臺拖一個(gè)，筆觸高度4，無(wú)填充，規格為854*486的，天藍色的邊框，再用線(xiàn)條工具在邊框中間自上而下拖一條垂線(xiàn)，點(diǎn)擊第一幀，選中全部實(shí)例將其轉換為圖形元件，并將其放置在水平中齊，垂直居中偏下的位置。上鎖。如圖7所示：
圖7
（2）選擇分格圖層第一幀，從庫中依次拖出兩個(gè)16格圖形元件到舞臺，分別放置在左右邊框內，調整好位置。上鎖.如圖8所示：
圖8
（3）選擇底板圖層第一幀，從庫中依次拖出16個(gè)底板影片剪輯元件到舞臺，自左向右、從上到下，擺放在左邊16格中，調整好位置。點(diǎn)擊第1幀，選中所有底板實(shí)例，在屬性面板設置其Alpha為40％。如圖9所示：
圖9
分別依次自左向右、從上到下，點(diǎn)擊每個(gè)底板，填寫(xiě)其實(shí)例名稱(chēng)為di1、di2、di3......di16 。上鎖。如圖10所示：
圖10
（4）選擇個(gè)圖圖層第一幀，從庫中依次拖出01－16影片剪輯元件到舞臺，自左向右、從上到下，有序地擺放在右邊16格中。
再分別依次自左向右、從上到下，點(diǎn)擊每個(gè)個(gè)圖，填寫(xiě)其實(shí)例名稱(chēng)為tu1、tu2、tu3......tu16 。如圖11所示：
圖11
點(diǎn)擊01影片剪輯，按f9，打開(kāi)試作面板，在as編輯區輸入，如下語(yǔ)句：
onClipEvent (mouseDown){
if(hitTest(_root._xmouse,_root._ymouse,false)){
startDrag("",true);
x=this._x;
y=this._y;
}
}
onClipEvent (mouseUp){
stopDrag();
if(!hitTest(_root.di1)){
this._x=x;
this._y=y;
}else{
this._x=_root.di1._x;
this._y=_root.di1._y;
if(hitTest(_root._xmouse,_root._ymouse,false)){
_root.k=_root.k+1;
}
}
if(_root.k==16){
_root.txt1="你真是太棒啦!";
}
}
點(diǎn)擊02影片剪輯，按f9，打開(kāi)試作面板，在as編輯區輸入，如下語(yǔ)句：
onClipEvent (mouseDown){
if(hitTest(_root._xmouse,_root._ymouse,false)){
startDrag("",true);
x=this._x;
y=this._y;
}
}
onClipEvent (mouseUp){
stopDrag();
if(!hitTest(_root.di2)){
this._x=x;
this._y=y;
}else{
this._x=_root.di2._x;
this._y=_root.di2._y;
if(hitTest(_root._xmouse,_root._ymouse,false)){
_root.k=_root.k+1;
}
}
if(_root.k==16){
_root.txt1="你真是太棒啦!";
}
}
同理同種方法03－16的影片剪輯的語(yǔ)句同上，所不同的是將其中紅色的阿拉伯數字改為相對應的3－16即可。
然后，無(wú)規則地調整其所在位置。上鎖。如圖12所示：
如圖12所示：
（5）選擇全圖圖層第一幀，從庫中拖出素材圖到舞臺，設置其規格為70*73，并將其放置在邊框上方，居中偏右。上鎖。如圖13所示：
圖13
（6）選擇動(dòng)本圖層第一幀，用動(dòng)態(tài)文本設置其參數，如圖14所示：
圖14
在全圖的左側拖一個(gè)文本框，調整好位置。如圖15所示：
圖15
點(diǎn)擊該實(shí)例，在屬性面板填寫(xiě)其變量為：k 。如圖16所示：
圖16
再用動(dòng)態(tài)文本設置其參數，如圖17所示：
圖17
在邊框右框中間拖一個(gè)文本框，再用任意變形工具將其放大到適當規格，調整好位置。如圖18所示：
圖18
點(diǎn)擊該實(shí)例，在屬性面板填寫(xiě)其變量為：txt1 。如圖19所示：
圖19
（7）選擇文本圖層第一幀，用文本工具（靜態(tài)）在全圖兩側輸入作品題目和相關(guān)內容，字體，規格，顏色隨意。上鎖。如圖20所示：
圖20
（8）選擇as圖層第一幀，按f5，打開(kāi)動(dòng)作面板，在as編輯區輸入，如下幀語(yǔ)句：
k=0;
鎖定該圖層。
6.本作業(yè)完成后時(shí)間軸顯示，如圖21所示：
圖21
8.測試存盤(pán)
*說(shuō)明：
1.你在制作中可在個(gè)圖下方添加一個(gè)圖層，在兩個(gè)16格處放入點(diǎn)綴圖片，還可以添加一個(gè)音樂(lè )圖層放入一支幽美的樂(lè )曲，使你的作品更加賞心悅目.
2,運用本教程之原理和方法可創(chuàng )作選擇、填空、填圖等課件，開(kāi)動(dòng)腦筋，展開(kāi)你想象的翅膀試試吧。
最終效果顯示：
http://hsb345.16789.net/domName/hsb345/20101181341855847.swf 『ldm2124086音樂(lè )空間』歡迎你！
