- 相關(guān)推薦
制作鼠標(biāo)點(diǎn)擊圖片顯示打散的gif動(dòng)畫效果有哪些
效果演示:鼠標(biāo)點(diǎn)擊觀看效果
1、新建Flash文檔,550*400,其它默認(rèn)。
2、創(chuàng)建影片剪輯,選橢圓工具,筆觸無,填充色放射漸變,畫一個(gè)橢圓(形狀自定,我相你會(huì)比我畫得更好),右鍵庫中設(shè)置鏈接,類名Ball。
3、返回場景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++)
//從庫中創(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;
//注冊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)文章:
建筑動(dòng)畫的制作流程09-05
定格動(dòng)畫的制作流程是怎樣的?03-09
動(dòng)畫制作協(xié)議04-06
flash動(dòng)畫制作說課稿(精選11篇)03-06
flash動(dòng)畫設(shè)計(jì)與制作說課稿11-20
動(dòng)畫制作協(xié)議書11-07
Flash動(dòng)畫制作要求及評價(jià)標(biāo)準(zhǔn)解析06-25
三維動(dòng)畫制作合同11-11
制作動(dòng)畫Demo-Reel的幾點(diǎn)注意事項(xiàng)07-17
動(dòng)畫片制作合同書05-07