Flash AS3制作茶杯震動gif動畫效果
發(fā)布時間：2015-01-28 17:27:30 作者：佚名 
我要評論
我要評論這篇教程是向腳本之家的朋友介紹利用Flash AS3制作茶杯震動gif動畫效果放，教程比較簡單，制作出來的動畫很不錯，感興趣的朋友快快來參與吧
下面小編就為大家介紹Flash AS3制作茶杯震動gif動畫效果，教程很不錯哦，也很簡單，一起來學(xué)習(xí)吧！
效果如下：（用鼠標(biāo)指向右側(cè)的茶壺可以看到震動效果）
制作過程如下：
首先準(zhǔn)備一個圖片當(dāng)做背景，如下：
然后再建立一個新圖層，導(dǎo)入一個茶壺素材，然后把它轉(zhuǎn)變?yōu)橛捌糨?，之后命名實例名字?/p>
目前存在兩個圖層，然后我們再新建立一個放置ACTION的圖層，代碼如下：
復(fù)制代碼
代碼如下:var coordX:Number = shaker_mc.x;
var coordY:Number = shaker_mc.y;
var timer:Timer = new Timer(10);</p> <p>shaker_mc.buttonMode = true;</p> <p>shaker_mc.addEventListener(MouseEvent.ROLL_OVER,startShake);
shaker_mc.addEventListener(MouseEvent.ROLL_OUT,stopShake);
timer.addEventListener(TimerEvent.TIMER, shakeImage);
function startShake(e:MouseEvent):void{
timer.start ()
}function stopShake(e:MouseEvent):void{
timer.stop();
shaker_mc.x = coordX;
shaker_mc.y = coordY;
shaker_mc.rotation = 0;
}function shakeImage(event:Event):void {
shaker_mc.x = coordX+ getMinusOrPlus()*(Math.random()*5);
shaker_mc.y = coordY+ getMinusOrPlus()*(Math.random()*5);
shaker_mc.rotation = getMinusOrPlus()* Math.random()*6;
} function getMinusOrPlus():int{
var rand : Number = Math.random()*2;
if (rand<1) return -1
else return 1;
}
var coordY:Number = shaker_mc.y;
var timer:Timer = new Timer(10);</p> <p>shaker_mc.buttonMode = true;</p> <p>shaker_mc.addEventListener(MouseEvent.ROLL_OVER,startShake);
shaker_mc.addEventListener(MouseEvent.ROLL_OUT,stopShake);
timer.addEventListener(TimerEvent.TIMER, shakeImage);
function startShake(e:MouseEvent):void{
timer.start ()
}function stopShake(e:MouseEvent):void{
timer.stop();
shaker_mc.x = coordX;
shaker_mc.y = coordY;
shaker_mc.rotation = 0;
}function shakeImage(event:Event):void {
shaker_mc.x = coordX+ getMinusOrPlus()*(Math.random()*5);
shaker_mc.y = coordY+ getMinusOrPlus()*(Math.random()*5);
shaker_mc.rotation = getMinusOrPlus()* Math.random()*6;
} function getMinusOrPlus():int{
var rand : Number = Math.random()*2;
if (rand<1) return -1
else return 1;
}
試試效果吧！
相關(guān)文章
flash如何做雨滴下落的動畫效果? Flash8做一個下雨效果的技巧
flash如何做雨滴下落的動畫效果？想要做一個逼真的雨滴落下的效果，該怎么做雨滴落下水花擴散的效果呢？下面我們就來看看Flash8做一個下雨效果的技巧2022-08-18
flash理發(fā)店旋轉(zhuǎn)彩燈動畫效果怎么做? 理發(fā)店旋轉(zhuǎn)燈制作技巧
flash理發(fā)店旋轉(zhuǎn)彩燈動畫效果怎么做？經(jīng)常使用flash制作動畫效果，該怎么制作旋轉(zhuǎn)燈效果，下面我們就來看看理發(fā)店旋轉(zhuǎn)燈制作技巧，詳細(xì)請看下文介紹2022-07-23
flash怎么把形狀變成文字? flash星星變文字動畫的實現(xiàn)方法
flash怎么把形狀變成文字？flash繪制的星星想要慢慢變成文字，該怎么將圖形變文字呢？下面我們就來看看flash星星變文字動畫的實現(xiàn)方法，詳細(xì)請看下文介紹2022-06-06
flash怎么制作補間動畫? flash變形動畫的實現(xiàn)方法
flash怎么制作補間動畫？flash中想要制作形狀變化的動畫效果，該怎么制作補間動畫呢？下面我們就來就來看看flash變形動畫的實現(xiàn)方法2022-02-06
FLASH怎么讓搖曳的荷花更逼著? flash制作風(fēng)吹荷花動畫的技巧
FLASH怎么讓搖曳的荷花更逼？flash中想要制作風(fēng)吹荷花的動畫熊愛國，該怎么制作這個效果呢？下面我們就來看看flash制作風(fēng)吹荷花動畫的技巧2022-02-06
flash怎么制作荷花在荷花池里搖擺的動畫? FLASH做擺動荷花的技巧
flash怎么制作荷花在荷花池里搖擺的動畫?？flash中想要制作荷花搖擺的動畫，該怎么制作荷花搖曳的動畫呢？下面我們就來看看FLASH做擺動荷花的技巧2022-02-06
flash怎么做徑向彩虹文字動畫? 文字添加彩虹動畫效果的技巧
flash怎么做徑向彩虹文字動畫？flash椎間盤買個輸入的文字，想要添加動畫效果，該怎么添加徑向彩虹文字效果呢？下面我們就來看看flash文字添加彩虹動畫效果的技巧，詳細(xì)請2021-11-09
flash怎么做眨眼動畫效果? flash動漫人物眨眼動畫的做法
flash怎么做眨眼動畫效果？flash中想要制作一個動漫人物的眼睛眨眼動畫，該怎么制作呢？下面我們就來看看flash動漫人物眨眼動畫的做法2021-11-08
flash怎么制作火焰文字效果? flash做火焰字體動畫的技巧
flash怎么制作火焰文字效果？flash中想要制作一個熊熊燃燒的活顏文字，該怎么制作這個文字效果呢？下面我們就來看看flash做火焰字體動畫的技巧2021-11-01
flash怎么做文字動畫logo? 閃動的片頭動畫flash的實現(xiàn)方法
flash怎么做文字動畫logo？flash中想要制作一個文字logo的動畫，讓文字閃爍，該怎么制作這個效果呢？下面我們就來看看flash制作文字動畫的技巧2021-10-29
