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