當前位置:學問君>人在職場>電腦培訓>

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

學問君 人氣:1.58W

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

製作鼠標點擊圖片顯示打散的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));