Flash中制作響應(yīng)鼠標(biāo)打擊動(dòng)作講解教程
一、實(shí)現(xiàn)思路
我們先來(lái)看看實(shí)例的效果,鼠標(biāo)在場(chǎng)景中的不同地方劃過(guò),場(chǎng)景中的小人都會(huì)有不同的反應(yīng)。尤其有趣的是,當(dāng)鼠標(biāo)劃過(guò)的速度不同的時(shí)候,反應(yīng)的強(qiáng)弱也是不同的。這就跟游戲中的實(shí)現(xiàn)很相似了。
總的來(lái)說(shuō),實(shí)現(xiàn)的思路大概是這樣的:先制作好鼠標(biāo)劃過(guò)不同部位所響應(yīng)的動(dòng)作特效,再用幾個(gè)Movie Clip來(lái)捕捉鼠標(biāo)劃過(guò)的位置跟速度,然后播放不同的動(dòng)作特效,這就是我們所看到的效果。
二、實(shí)現(xiàn)過(guò)程
下面我們來(lái)看看具體的實(shí)現(xiàn)過(guò)程。
1、按“Ctrl + N”,新建一個(gè)Flash文件,按“Ctrl + F8”,新建一個(gè)Movie Clip,命名為“All Motion”。
2、進(jìn)入此Movie Clip,用鼠標(biāo)右鍵點(diǎn)擊圖層的名稱,依次插入“l(fā)abel”、“Action”、“sound”、“idle”四個(gè)圖層,在“l(fā)abel”層第一幀的屬性面板上設(shè)置幀的label為“c_idle”,在第34幀上點(diǎn)擊鼠標(biāo)右鍵,插入一個(gè)關(guān)鍵幀,并設(shè)置此幀的label為“ML_w”,同理,依次在第47幀、第77幀、第89幀、第139幀、第154幀、第168幀、第220幀、第255幀、第267幀、第310幀、第358幀、第372幀、第430幀、第446幀上分別插入一個(gè)關(guān)鍵幀,并分別設(shè)置幀的label為“ML_s”、“MR_w”、“MR_s”、“TL_m”、“TL_w”、“TL_s”、“TR_m”、“TR_w”、“TR_s”、“B_m”、“BL_w”、“BL_s”、“BR_w”、“BR_s”。
3、在“Action”層的第33幀上面點(diǎn)擊鼠標(biāo)右鍵,插入一個(gè)關(guān)鍵幀,在此幀的Action Script面板上面添加語(yǔ)句:gotoAndPlay(1); 同理,在此層的第46幀、第75幀、第85幀、第120幀、第151幀、第165幀、第205幀、第252幀、第266幀、第301幀、第357幀、第369幀、第420幀、第440幀、第464幀分別插入一個(gè)關(guān)鍵幀,并分別在幀的Action Script面板上面添加語(yǔ)句:gotoAndPlay(1);
4、在“idle”圖層的`第34幀上面插入一個(gè)關(guān)鍵幀,在此圖層第1幀的場(chǎng)景中用繪圖工具畫一個(gè)小人,如圖1所示。這是在沒(méi)有鼠標(biāo)動(dòng)作時(shí)候顯示的。
5、在“l(fā)ayer1”圖層的第34幀和第45幀上分別插入一個(gè)關(guān)鍵幀,在第34幀至第45幀之間制作出當(dāng)鼠標(biāo)以比較慢的速度從小人的左邊手臂處劃過(guò)的Movie Clip效果。以此類推,在第34幀至第45幀之間制作出當(dāng)鼠標(biāo)以比較慢的速度從小人的左邊手臂處劃過(guò)的Movie Clip效果。在第47幀至第74幀之間制作出當(dāng)鼠標(biāo)以比較快的速度從小人的左邊手臂處劃過(guò)的Movie Clip效果。在第77幀至第84幀之間制作出當(dāng)鼠標(biāo)以比較慢的速度從小人的右邊手臂處劃過(guò)的Movie Clip效果。在第89幀至第119幀之間制作出當(dāng)鼠標(biāo)以比較快的速度從小人的右邊手臂處劃過(guò)的Movie Clip效果。
6、在第139幀至第150幀之間制作出當(dāng)鼠標(biāo)以中等的速度從小人的左邊頭部處劃過(guò)的Movie Clip效果。在第154幀至第164幀之間制作出當(dāng)鼠標(biāo)以比較慢的速度從小人的左邊頭部處劃過(guò)的Movie Clip效果。在第168幀至第204幀之間制作出當(dāng)鼠標(biāo)以比較快的速度從小人的左邊頭部處劃過(guò)的Movie Clip效果。在第220幀至第251幀之間制作出當(dāng)鼠標(biāo)以中等的速度從小人的右邊頭部處劃過(guò)的Movie Clip效果。在第255幀至第265幀之間制作出當(dāng)鼠標(biāo)以比較慢的速度從小人的右邊頭部處劃過(guò)的Movie Clip效果。在第267幀至第300幀之間制作出當(dāng)鼠標(biāo)以比較快的速度從小人的右邊頭部處劃過(guò)的Movie Clip效果。
7、在第310幀至第356幀之間制作出當(dāng)鼠標(biāo)以中等的速度從小人的腿部劃過(guò)的Movie Clip效果。在第358幀至第368幀之間制作出當(dāng)鼠標(biāo)以比較慢的速度從小人的左邊腿部劃過(guò)的Movie Clip效果。在第372幀至第419幀之間制作出當(dāng)鼠標(biāo)以比較快的速度從小人的左邊腿部劃過(guò)的Movie Clip效果。在第430幀至第439幀之間制作出當(dāng)鼠標(biāo)以比較慢的速度從小人的右邊腿部劃過(guò)的Movie Clip效果。在第446幀至第463幀之間制作出當(dāng)鼠標(biāo)以比較快的速度從小人的右邊腿部劃過(guò)的Movie Clip效果。
注釋1:定義一些變量,分別用來(lái)判斷鼠標(biāo)是否以比較慢、中等、比較快的速度劃過(guò)對(duì)象。
注釋2:隱藏用來(lái)捕捉鼠標(biāo)動(dòng)作的對(duì)象。
注釋3:初始化鼠標(biāo)的參數(shù)。
注釋4:這個(gè)函數(shù)是用來(lái)捕捉鼠標(biāo)劃過(guò)的速度和劃過(guò)的位置。
注釋5:這個(gè)函數(shù)是用來(lái)判斷鼠標(biāo)劃過(guò)地速度,分別為強(qiáng)、中、弱。
注釋6:這個(gè)函數(shù)是判斷鼠標(biāo)劃過(guò)的位置,分別對(duì)應(yīng)場(chǎng)景中的對(duì)象的頭、手、腳。
注釋7:在這個(gè)函數(shù)中,播放鼠標(biāo)動(dòng)作所觸發(fā)的相應(yīng)場(chǎng)景。
注釋8:這是整個(gè)場(chǎng)景的啟動(dòng)函數(shù),不斷的循環(huán),不斷地對(duì)鼠標(biāo)動(dòng)作產(chǎn)生響應(yīng)。
【Flash中制作響應(yīng)鼠標(biāo)打擊動(dòng)作講解教程】相關(guān)文章:
外企HR講解英文簡(jiǎn)歷如何制作04-17
黑白鼠標(biāo)簡(jiǎn)歷封面04-29
flash的開題報(bào)告范本02-27
的鼠標(biāo)中國(guó)風(fēng)簡(jiǎn)歷封面06-12
鼠標(biāo)藍(lán)色自薦書封面04-17
上班族鼠標(biāo)手的危害12-06
Win10電腦不用鼠標(biāo)怎么關(guān)機(jī)04-12
空姐面試技巧講解02-08
講解考研英語(yǔ)難句04-07
論文標(biāo)準(zhǔn)格式講解01-03