- 相關(guān)推薦
制作鼠標點(diǎn)擊圖片顯示打散的gif動(dòng)畫(huà)效果有哪些
效果演示:鼠標點(diǎn)擊觀(guān)看效果
1、新建Flash文檔,550*400,其它默認。
2、創(chuàng )建影片剪輯,選橢圓工具,筆觸無(wú),填充色放射漸變,畫(huà)一個(gè)橢圓(形狀自定,我相你會(huì )比我畫(huà)得更好),右鍵庫中設置鏈接,類(lèi)名Ball。
3、返回場(chǎng)景1,第一層建背景(隨意),新建as圖層,在as圖層第一幀輸入代碼:
復制代碼代碼如下://小球的初始位置
[code]//小球的初始位置
var ballx:Number = 275;
var bally:Number = 400;
//小球運動(dòng)速度
var speed:Number = 5;
stage.addEventListener(MouseEvent.CLICK,shoot);
function shoot(e:MouseEvent):void
for(var i:int = 1;i<9;i++)
//從庫中創(chuàng )建小球
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;
//設置小球的坐標,實(shí)現運動(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)
//角度轉換為弧度
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));
【制作鼠標點(diǎn)擊圖片顯示打散的gif動(dòng)畫(huà)效果有哪些】相關(guān)文章:
PS制作GIF動(dòng)畫(huà)設計的技巧10-27
Flash怎么制作滾動(dòng)的方塊GIF動(dòng)畫(huà)09-12
PS制作GIF動(dòng)畫(huà)的七個(gè)技巧01-06
PS制作GIF動(dòng)畫(huà)設計的小技巧04-24
flash怎么給圖片制作伸縮動(dòng)畫(huà)效果09-13
PPT圖片如何點(diǎn)擊放大11-15
怎么把視頻轉換成gif圖片01-10