實(shí)例詳細(xì)講解Flash動(dòng)畫的Tween補(bǔ)間_Flash教程
推薦:Flash8制作好看的羽化遮罩圖效果圖:點(diǎn)擊這里下載源文件(解壓密碼:www.hl5o.cn)假如覺(jué)得效果還不錯(cuò)的話,就接著制作練習(xí)一下吧!簡(jiǎn)單幾步!前提是你了解FLASH8的新功能“模糊”
說(shuō)到補(bǔ)間,很多人都會(huì)想到在時(shí)間軸里定義兩個(gè)要害幀,然后創(chuàng)建一個(gè)補(bǔ)間,其實(shí)AS也可以完成等效的工作,而且能完成的更好。
要用程序創(chuàng)建補(bǔ)間,有兩種方法,一種是通過(guò)setInterval函數(shù),定時(shí)移動(dòng)mc,可以達(dá)到效果,但比較麻煩。第二種就是今天要推薦的通過(guò)Tween類來(lái)創(chuàng)建補(bǔ)間動(dòng)畫。
為什么Tween比setInterval方便呢,首先代碼量少,看著舒適,其次,Tween類可以使用一些比較有名的緩動(dòng)類,還有,Tween類可以廣播和偵聽(tīng)事件,這三點(diǎn)就足以讓我們選擇Tween而不是setInterval。
先來(lái)說(shuō)一下Tween類的用法
要用Tween類,首先要導(dǎo)入Tween類
import mx.transtions.Tween;
Tween類的語(yǔ)法是
var twMove:Tween=new Tween(mClip,"_x",null,0,550,10,true);
來(lái)解釋一下:
mClip:顯示對(duì)象——對(duì)要顯示對(duì)象的引用
_x:要補(bǔ)間的屬性
緩動(dòng)函數(shù):對(duì)一個(gè)緩動(dòng)函數(shù)的引用,這里是null,就是不引用
0——補(bǔ)間屬性的開(kāi)始值
550——補(bǔ)間屬性的結(jié)束值
10——持續(xù)時(shí)間
使用秒——true 使用,false不使用
由于Tween類廣播事件,因此可以對(duì)Tween類建立偵聽(tīng)器,具體Tween類的方法,請(qǐng)查看幫助。
下面是一個(gè)實(shí)例,請(qǐng)事先做好鏈接標(biāo)識(shí)符為“ball”的MC,拷貝以下代碼到第一幀。
import mx.transitions.Tween;
import mx.transitions.easing.*;
var aClass=[Back,Bounce,Elastic,Regular,Strong];
var aEasingMethod:Array=new Array();
//在aEasingMethod中放入每個(gè)緩動(dòng)方法
for(i=0; i < aClass.length; i ){
aEasingMethod.push(aClass[i].easeIn);
aEasingMethod.push(aClass[i].easeOut);
aEasingMethod.push(aClass[i].easeInOut);
}
//定義初始變量
var nX=10;
var Y=20;
var oClips:Object=new Object();
//建立偵聽(tīng)器
var tListener:Object=new Object();
tListener.onMotionFinished=function(twObject:Tween){
//緩動(dòng)結(jié)束時(shí)按原路徑返回
twObject.yoyo();
}
for(i=0; i < aEasingMethod.length; i ){
depth=this.getNextHighestDepth();
mClip=this.attachMovie("ball","ball" i,depth,{_x:nX,_y:Y});
//設(shè)置x坐標(biāo)
nX =mClip._width 10;
//將一個(gè)緩動(dòng)方法添加到oClips對(duì)象
oClips[mClip._name]=aEasingMethod[i];
//當(dāng)用戶點(diǎn)擊時(shí)開(kāi)始_y屬性的補(bǔ)間
mClip.onPress=function(){
var twMove:Tween = new Tween(this,"_y",oClips[this._name],20,400,4,true);
//添加偵聽(tīng)器
twMove.addListener(tListener);
}
}
分享:Flash8輕松獲取位圖顏色代碼實(shí)例教程MacromediaFlash8ImageAPI描述了一個(gè)的新的actionscirptclass類BitmapData以及與其相關(guān)的各式各樣的方法所帶來(lái)的新的特性。這些新的方法使flash開(kāi)發(fā)人員
Flash教程Rss訂閱網(wǎng)站制作教程搜索
Flash教程推薦
- flash教程:使用拆分?jǐn)?shù)字和文字的函數(shù)
- Flash AS打造超強(qiáng)粒子視覺(jué)沖擊特效
- Flash教程:一個(gè)水波效果
- Flash制作超酷的旋轉(zhuǎn)圖像像冊(cè)視覺(jué)效果
- Flash教程:測(cè)試AS代碼的執(zhí)行速度
- Flash MX2004入門與進(jìn)階實(shí)例——?jiǎng)幼髂_本進(jìn)階(10)
- 在Flash MX中實(shí)現(xiàn)自由拖動(dòng)圖片和改變圖片(3)
- Flash教程:AS 3.0代碼實(shí)現(xiàn)甲蟲跟隨鼠標(biāo)
- Flash8輕松獲取位圖顏色代碼實(shí)例教程
- Flash外部導(dǎo)入圖片的長(zhǎng)寬限制
- 相關(guān)鏈接:
- 教程說(shuō)明:
Flash教程-實(shí)例詳細(xì)講解Flash動(dòng)畫的Tween補(bǔ)間
。