制作鼠標點擊圖片顯示打散的gif動畫效果有哪些

時間：2024-07-27 12:56:05 動畫設計我要投稿

相關推薦

　　效果演示：鼠標點擊觀看效果

制作鼠標點擊圖片顯示打散的gif動畫效果有哪些

　　1、新建Flash文檔，550*400，其它默認。

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

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

　　復制代碼代碼如下://小球的初始位置

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

　　var ballx:Number = 275;

　　var bally:Number = 400;

　　//小球運動速度

　　var speed:Number = 5;

　　stage.addEventListener(MouseEvent.CLICK,shoot);

　　function shoot(e:MouseEvent):void

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

　　//從庫中創建小球

　　var ball:Ball = new Ball();

　　//初始化小球位置

　　ball.x = ballx;

　　ball.y = bally;

　　//根據三角函數計算小球的速度

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

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

　　//注冊enterFrame事件

　　ball.addEventListener(Event.ENTER_FRAME,ballMove);

　　e.target.addChild(ball);

　　function ballMove(e:Event):void

　　//獲取小球的引用

　　var obj:MovieClip = e.target;

　　//設置小球的坐標，實現運動

　　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)

　　//角度轉換為弧度

　　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));

【制作鼠標點擊圖片顯示打散的gif動畫效果有哪些】相關文章：

PS制作GIF動畫設計的技巧10-27

Flash怎么制作滾動的方塊GIF動畫09-12

PS制作GIF動畫的七個技巧01-06

PS制作GIF動畫設計的小技巧04-24

flash怎么給圖片制作伸縮動畫效果09-13