制作鼠標(biāo)點(diǎn)擊圖片顯示打散的gif動(dòng)畫效果有哪些

制作鼠標(biāo)點(diǎn)擊圖片顯示打散的gif動(dòng)畫效果有哪些

　　效果演示：鼠標(biāo)點(diǎn)擊觀看效果

　　1、新建Flash文檔，550*400，其它默認(rèn)。

　　2、創(chuàng)建影片剪輯，選橢圓工具，筆觸無，填充色放射漸變，畫一個(gè)橢圓（形狀自定，我相你會(huì)比我畫得更好），右鍵庫(kù)中設(shè)置鏈接，類名Ball。

　　3、返回場(chǎng)景1，第一層建背景（隨意），新建as圖層，在as圖層第一幀輸入代碼：

　　復(fù)制代碼代碼如下://小球的初始位置

　　[code]//小球的初始位置

　　var ballx:Number = 275;

　　var bally:Number = 400;

　　//小球運(yùn)動(dòng)速度

　　var speed:Number = 5;

　　stage.addEventListener(MouseEvent.CLICK,shoot);

　　function shoot(e:MouseEvent):void

　　for(var i:int = 1;i<9;i++)

　　//從庫(kù)中創(chuàng)建小球

　　var ball:Ball = new Ball();

　　//初始化小球位置

　　ball.x = ballx;

　　ball.y = bally;

　　//根據(jù)三角函數(shù)計(jì)算小球的速度

　　ball.spdx = cosD(i*-20)*speed;

　　ball.spdy = sinD(i*-20)*speed;

　　//注冊(cè)enterFrame事件

　　ball.addEventListener(Event.ENTER_FRAME,ballMove);

　　e.target.addChild(ball);

　　function ballMove(e:Event):void

　　//獲取小球的引用

　　var obj:MovieClip = e.target;

　　//設(shè)置小球的坐標(biāo)，實(shí)現(xiàn)運(yùn)動(dòng)

　　obj.x += obj.spdx

　　obj.y += obj.spdy

　　if(obj.y<0||obj.x<0||obj.x>550||obj.y>400)

　　//移除enterFrame事件

　　obj.removeEventListener(Event.ENTER_FRAME,ballMove)

　　//從顯示列表刪除

　　stage.removeChild(obj)

　　//角度轉(zhuǎn)換為弧度

　　function angleToRadian(angle:Number):Number

　　return angle*(Math.PI/180);

　　function sinD(angle:Number):Number

　　return Math.sin(angleToRadian(angle));

　　function cosD(angle:Number):Number

　　return Math.cos(angleToRadian(angle));

【制作鼠標(biāo)點(diǎn)擊圖片顯示打散的gif動(dòng)畫效果有哪些】相關(guān)文章：

PS制作GIF動(dòng)畫設(shè)計(jì)的小技巧03-03

PS制作GIF動(dòng)畫的七個(gè)技巧01-06

怎么把視頻轉(zhuǎn)換成gif圖片06-02

會(huì)聲會(huì)影如何導(dǎo)入gif圖片06-04

動(dòng)畫的制作流程10-13

廣告動(dòng)畫的制作流程04-18

動(dòng)畫制作流程詳解11-25

定格動(dòng)畫的制作流程是怎樣的?04-21

淺談《大魚海棠》的動(dòng)畫制作08-24

動(dòng)畫制作經(jīng)驗(yàn)和技巧12-27