flash cs6怎么實現(xiàn)制作點擊蒲公英飛出的動畫效果?

flash cs6中想要實現(xiàn)一個點擊蒲公英,蒲公英種子就飛出去的效果,該怎么實現(xiàn)呢?鼠標事件和幀頻事件是FLASH制作游戲中經(jīng)常用到的代碼,們結(jié)合這兩種代碼就可以實現(xiàn)鼠標點擊蒲公英飛出的效果,下面我們就來看看詳細的教程。
1、這里使用的是FLASH CS6。打開軟件,新建AS3文檔。
2、修改舞臺大小為1280x720
3、百度蒲公英矢量素材,找到游戲中需要用到背景和蒲公英。
4、將素材導(dǎo)入到FLASH舞臺中。蒲公英的種子放四個不同形態(tài)的。
5、畫一個圓形放到花盤那里,轉(zhuǎn)換為影片剪輯。注意注冊點的位置居中,并把影片剪輯中心對準花盤。
6、設(shè)置實例名為container_mc
7、把花瓣轉(zhuǎn)換為影片剪輯,并把四個花瓣分到四個幀中,如下對齊,在第一幀加代碼:stop();
8、設(shè)置影片剪輯屬性如下圖所示:
9、在主時間軸加如下代碼:
import flash.events.MouseEvent; import flash.display.MovieClip; var flowerAry:Array=new Array(); var count:int=100; var left_count:int=0; initFlower(); function initFlower():void { while(container_mc.numChildren>0) { container_mc.removeChildAt(0); } flowerAry=new Array(); left_count=count; for(var i:int=0;i<count;i++) { flowerAry.push(new FLOWER()); flowerAry[i].rotation=360*Math.random(); flowerAry[i].scaleX=flowerAry[i].scaleY=0.6+0.4*Math.random(); var temp:int=int(100000*Math.random())%flowerAry[i].totalFrames+1; flowerAry[i].x=5-10*Math.random(); flowerAry[i].y=5-10*Math.random(); flowerAry[i].gotoAndStop(temp); container_mc.addChild(flowerAry[i]); flowerAry[i].isMove=false; flowerAry[i].spdx=5*Math.random(); flowerAry[i].spdy=(-1)*(3+3*Math.random()); flowerAry[i].addEventListener(MouseEvent.CLICK,StartMove); } } function StartMove(e:MouseEvent):void { var obj:MovieClip=e.currentTarget as MovieClip; if(obj.isMove==true) { return; } obj.isMove=true; obj.addEventListener(Event.ENTER_FRAME,AutoMoveEvent); } function AutoMoveEvent(e:Event):void { var obj:Object=e.target; if(obj.rotation!=0) { obj.rotation=obj.rotation*0.9; } if(obj.y>-400) { obj.y+=obj.spdy; obj.x+=obj.spdx; } else { obj.removeEventListener(Event.ENTER_FRAME,AutoMoveEvent); left_count--; if(left_count==0) { initFlower(); } } }
10、運行后就可以看到效果了,當花瓣沒有后,會自動再添加新的。
以上就是flash制作點擊蒲公英飛出的效果的教程,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
相關(guān)文章
flash cs6怎么使用線條工具? flash線條工具的使用教程
flash cs6怎么使用線條工具?flash經(jīng)常用于制作動畫,其中線條工具也很常用,該怎么使用呢?下面我們就來看看flash線條工具的使用教程,需要的朋友可以參考下2019-06-12- Flash cs6怎么快速繪制各種樹木?經(jīng)常使用Flash cs6制作動畫,但是Flash cs6中也自帶了一些好用的工具,比如可以快速繪制樹木的工具,下面我們就來看看詳細的教程,需要的2019-06-06
- flash cs6想要實現(xiàn)鼠標跟隨效果?該怎么制作呢?今天我們就來看看使用as2.0實現(xiàn)鼠標跟隨效果的教程,需要的朋友可以參考下2019-05-19
- Flash cs6怎么畫漂亮的花朵矢量圖?Flash cs6中想要畫一朵花朵,我們該怎么繪制花朵形狀呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2019-04-10
- Flash CS6元件怎么設(shè)置實例名稱?Flash CS6中想要設(shè)置實例名稱,該怎么設(shè)置呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2019-03-25
- Flash CS6怎么制作自動加載的進度條動畫?flash cs6中想要制作一個進度條動畫效果,該怎么制作這個動畫呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2019-02-18
- Flash cs6怎么制作煽動翅膀的蝴蝶?Flash cs6中想要繪制一只蝴蝶,并讓蝴蝶煽動翅膀,該怎么實現(xiàn)呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2019-01-31
- flash cs6怎么制作牙刷刷牙的動畫效果?flash中想要制作一個刷牙的動畫,該怎么制作這個動畫效果呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2019-01-18
flash cs6怎么把直線變成曲線? flash直線添加弧度的教程
flash cs6怎么把直線變成曲線?flash中繪制的一條直線,想要彎曲,該怎么將直線變成曲線呢?下面我們就來看看flash直線添加弧度的教程,需要的朋友可以參考下2019-01-17- flash cs6怎么制作科技感的電音背景動畫?flash cs6中想要直走一個創(chuàng)意的電音背景動畫該怎么制作呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2019-01-17