小男孩‘自慰网亚洲一区二区,亚洲一级在线播放毛片,亚洲中文字幕av每天更新,黄aⅴ永久免费无码,91成人午夜在线精品,色网站免费在线观看,亚洲欧洲wwwww在线观看

分享

游戲-拼圖的制作原理與方法

 昵稱190486 2010-04-20

游戲-拼圖的制作原理與方法

   

    教學(xué)目的:通過(guò)本節(jié)教學(xué)了解和掌握動(dòng)作面板及as語(yǔ)句的添加,影片實(shí)例名稱、動(dòng)態(tài)文本變量的添加與運(yùn)用,并通過(guò)此原理創(chuàng)作生動(dòng)有趣的拼圖游戲的動(dòng)畫(huà)效果。

  教學(xué)對(duì)象:本教材是針對(duì)有一定動(dòng)畫(huà)制作基礎(chǔ)及對(duì)工具箱、屬性面板、動(dòng)作面板、as語(yǔ)句和相關(guān)界面有所了解的朋友們編制的,因此省略了一些步驟,還望諒解。

    教學(xué)要點(diǎn):實(shí)例名稱、變量、動(dòng)作面板、as語(yǔ)句、Alpha

 

    

    作前準(zhǔn)備:

    準(zhǔn)備一張中秋節(jié)的圖片,經(jīng)過(guò)制圖軟件(ps、fw)處理后,規(guī)格約為355*433,保存到指定的文件夾待用。

   制作步驟

    1.啟動(dòng)FLASH8 軟件。

    2.確立文檔屬性 設(shè)置動(dòng)畫(huà)尺寸為900*600,顏色深綠,其它默認(rèn),點(diǎn)擊確定,進(jìn)入場(chǎng)景1。 如圖1所示:


圖1

    3.導(dǎo)入素材到庫(kù)

    首先,將準(zhǔn)備好的所有素材導(dǎo)入到庫(kù)中,待用。其素材圖如下:



素材圖

    4.創(chuàng)建影片剪輯

    (1)選擇“插入-新建元件”,建立一個(gè)名為“個(gè)圖”的影片剪輯元件,點(diǎn)擊確定,進(jìn)入元件編輯區(qū)。就一個(gè)圖層。

    首先打開(kāi)網(wǎng)格 選擇“編輯-網(wǎng)格”,舞臺(tái)變化,如圖2所示:

圖2

從庫(kù)中拖出素材圖片到舞臺(tái),設(shè)置其規(guī)格為355*433(寬20格,高24格),將其打散。全居中。如圖3所示:


圖3

選擇矩形工具,筆觸高度3,無(wú)填充,顏色金黃,在舞臺(tái)拖一個(gè)規(guī)格為360*433的矩形邊框,再用線條工具在邊框內(nèi)每隔四格拖三條垂直線段和四條水平線段,將圖片劃分16等分。如圖4所示:

圖4

左起點(diǎn)擊第一格的圖片,其麻點(diǎn)后,右鍵該個(gè)圖將其轉(zhuǎn)換為影片剪輯01。如圖5所示:

圖5

同理同種方法完成個(gè)圖影片剪輯02-16的操作?,F(xiàn)在庫(kù)中有16個(gè)被分割的個(gè)圖影片剪輯元件01-16。雙擊16格邊框,待起麻點(diǎn)后,右鍵該實(shí)例,將其轉(zhuǎn)換為圖形元件。

    (2)選擇“插入-新建元件”,建立一個(gè)名為“底板”的影片剪輯元件,點(diǎn)擊確定,進(jìn)入元件編輯區(qū)。就一個(gè)圖層。用矩形工具在舞臺(tái)拖一個(gè)規(guī)格為90*109的,草綠色的,無(wú)邊線的矩形。全居中。如圖6所示:


圖6

    5.編輯制作場(chǎng)景

    返回場(chǎng)景1,添加七個(gè)圖層,共八個(gè)圖層。自下而上命名為個(gè)圖、底板、分格、邊框、全圖、動(dòng)本、文本、as。

    (1)選擇邊框圖層第一幀,用矩形工具在舞臺(tái)拖一個(gè),筆觸高度4,無(wú)填充,規(guī)格為854*486的,天藍(lán)色的邊框,再用線條工具在邊框中間自上而下拖一條垂線,點(diǎn)擊第一幀,選中全部實(shí)例將其轉(zhuǎn)換為圖形元件,并將其放置在水平中齊,垂直居中偏下的位置。上鎖。如圖7所示:

圖7

    (2)選擇分格圖層第一幀,從庫(kù)中依次拖出兩個(gè)16格圖形元件到舞臺(tái),分別放置在左右邊框內(nèi),調(diào)整好位置。上鎖.如圖8所示:

圖8

    (3)選擇底板圖層第一幀,從庫(kù)中依次拖出16個(gè)底板影片剪輯元件到舞臺(tái),自左向右、從上到下,擺放在左邊16格中,調(diào)整好位置。點(diǎn)擊第1幀,選中所有底板實(shí)例,在屬性面板設(shè)置其Alpha為40%。如圖9所示:

圖9

分別依次自左向右、從上到下,點(diǎn)擊每個(gè)底板,填寫(xiě)其實(shí)例名稱為di1、di2、di3......di16 。上鎖。如圖10所示:


圖10

    (4)選擇個(gè)圖圖層第一幀,從庫(kù)中依次拖出01-16影片剪輯元件到舞臺(tái),自左向右、從上到下,有序地?cái)[放在右邊16格中。

再分別依次自左向右、從上到下,點(diǎn)擊每個(gè)個(gè)圖,填寫(xiě)其實(shí)例名稱為tu1、tu2、tu3......tu16 。如圖11所示:

圖11

點(diǎn)擊01影片剪輯,按f9,打開(kāi)試作面板,在as編輯區(qū)輸入,如下語(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編輯區(qū)輸入,如下語(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ǔ)句同上,所不同的是將其中紅色的阿拉伯?dāng)?shù)字改為相對(duì)應(yīng)的3-16即可。

然后,無(wú)規(guī)則地調(diào)整其所在位置。上鎖。如圖12所示:

如圖12所示:

    (5)選擇全圖圖層第一幀,從庫(kù)中拖出素材圖到舞臺(tái),設(shè)置其規(guī)格為70*73,并將其放置在邊框上方,居中偏右。上鎖。如圖13所示:


圖13

    (6)選擇動(dòng)本圖層第一幀,用動(dòng)態(tài)文本設(shè)置其參數(shù),如圖14所示:

圖14

在全圖的左側(cè)拖一個(gè)文本框,調(diào)整好位置。如圖15所示:

圖15

點(diǎn)擊該實(shí)例,在屬性面板填寫(xiě)其變量為:k 。如圖16所示:

圖16

再用動(dòng)態(tài)文本設(shè)置其參數(shù),如圖17所示:


圖17

在邊框右框中間拖一個(gè)文本框,再用任意變形工具將其放大到適當(dāng)規(guī)格,調(diào)整好位置。如圖18所示:


圖18

點(diǎn)擊該實(shí)例,在屬性面板填寫(xiě)其變量為:txt1 。如圖19所示:

圖19

    (7)選擇文本圖層第一幀,用文本工具(靜態(tài))在全圖兩側(cè)輸入作品題目和相關(guān)內(nèi)容,字體,規(guī)格,顏色隨意。上鎖。如圖20所示:


圖20

    (8)選擇as圖層第一幀,按f5,打開(kāi)動(dòng)作面板,在as編輯區(qū)輸入,如下幀語(yǔ)句:

k=0;

鎖定該圖層。

    6.本作業(yè)完成后時(shí)間軸顯示,如圖21所示:

 



圖21

  8.測(cè)試存盤(pán)

    *說(shuō)明:

    1.你在制作中可在個(gè)圖下方添加一個(gè)圖層,在兩個(gè)16格處放入點(diǎn)綴圖片,還可以添加一個(gè)音樂(lè)圖層放入一支幽美的樂(lè)曲,使你的作品更加賞心悅目.

    2,運(yùn)用本教程之原理和方法可創(chuàng)作選擇、填空、填圖等課件,開(kāi)動(dòng)腦筋,展開(kāi)你想象的翅膀試試吧。

    最終效果顯示:
 

http://hsb345./domName/hsb345/20101181341855847.swf

 


全屏下載

祝你成功!

 

     

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點(diǎn)。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購(gòu)買(mǎi)等信息,謹(jǐn)防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊一鍵舉報(bào)。
    轉(zhuǎn)藏 分享 獻(xiàn)花(0

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類(lèi)似文章 更多