- 相關(guān)推薦
制作鼠標(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
怎么把視頻轉(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