利用Tweener製作動畫 – 數大便是美
套用徐志摩的名言:「數大」便是美,意思是說數量多就是美,不過雖然數大便是美,但如果要針對多個元件製作動畫,那利用程式一定會比手工來的輕鬆,甚至可以更漂亮和壯觀,以下的範例就是利用Tweener針對較多的元件來製作動畫的結果,分享給大家參考!希望各位未來不會「數大」便是累。
Tweener 滿天星斗:利用Tweener針對星形製作Alpha動畫,是一個很簡單的範例。
import caurina.transitions.Tweener import flash.display.MovieClip; setInterval(starFn,50) function starFn(){ var scale:Number=Math.random() var mc:MovieClip=new star mc.x=Math.random()*500 mc.y=Math.random()*500 mc.scaleX=scale mc.scaleY=scale mc.alpha=0 addChild(mc) Tweener.addTween(mc, {alpha:1, time:7, transition:"linear"}); Tweener.addTween(mc, {alpha:0, time:3,delay:8, transition:"linear"}); }
Tweener 擴散效果:利用Tweener針對球體來製作動畫,其中還應用到距離計算的Class,可以試著調整參數(彈出距離變數、彈出數量…等)來觀察改變的情況。
import flash.display.Sprite; import roMc; import flash.geom.Point; import caurina.transitions.Tweener; //變數定義區塊 var centerPoint:Point = new Point ;//圓形中心點 var i:int = 1;//迴圈變數 var radius:int = 50;//彈出距離變數 var no:int = 20;//彈出數量 var circleArray:Array=new Array//球體陣列(針對移除使用) var sec:int=1//動畫秒數 var hold:Number=0.1//延遲秒數 centerPoint.x = stage.stageWidth / 2; centerPoint.y = stage.stageHeight / 2; stage.addEventListener(MouseEvent.CLICK,clickFn); function clickFn(e:MouseEvent) { while (circleArray.length > 0) { removeChild(circleArray.pop()); } Tweener.removeAllTweens(); showFn(); } function showFn() { for (i=1; i<=no; i++) { var mc:Sprite = new ball ; circleArray.push(mc) var angle:Number = 2 * Math.PI / no * i; var targetPoint:Point = new Point(); targetPoint.x = radius * Math.cos(angle) + centerPoint.x; targetPoint.y = radius * Math.sin(angle) + centerPoint.y; addChild(mc); mc.x = centerPoint.x; mc.y = centerPoint.y; mc.alpha = 0; Tweener.addTween(mc, {alpha:1,x:targetPoint.x,y:targetPoint.y, time:sec, transition:"linear",delay:i*hold}); Tweener.addTween(mc, {alpha:0,x:centerPoint.x,y:centerPoint.y, time:sec, transition:"linear",delay:i*hold+(no*hold+1)}); } }
mexico pharmacies prescription drugs Mexican Pharmacy Online mexican pharmacy
mexican online pharmacies prescription drugs: Online Pharmacies in Mexico – mexican online pharmacies prescription drugs
mexico pharmacies prescription drugs mexico pharmacy buying prescription drugs in mexico online
https://indiaph24.store/# india online pharmacy
Aydın efelerde halı koltuk Yıkama
cheap rybelsus – buy generic semaglutide 14mg purchase desmopressin
Всё о радиаторах отопления https://heat-komfort.ru/ – выбор радиатора, монтаж, обслуживание.
indian pharmacy online Cheapest online pharmacy top 10 online pharmacy in india
certified canadian pharmacy canadian mail order pharmacy canadian pharmacy cheap
http://canadaph24.pro/# is canadian pharmacy legit
buy medicines online in india: buy medicines from India – reputable indian pharmacies
buying prescription drugs in mexico online mexico pharmacy buying from online mexican pharmacy
generic terbinafine – buy terbinafine paypal purchase grifulvin v pill
оборудование ситуационного центра http://www.oborudovanie-situacionnyh-centrov.ru/ .
reputable canadian pharmacy Certified Canadian Pharmacies canadian mail order pharmacy
mexican rx online Mexican Pharmacy Online mexico drug stores pharmacies
https://indiaph24.store/# indianpharmacy com
ed meds online canada canadian pharmacies canadian pharmacy service
Отличный сайт! Всем рекомендую! земляные работы
medication from mexico pharmacy mexican pharmacy buying from online mexican pharmacy
best canadian pharmacy online Large Selection of Medications from Canada trustworthy canadian pharmacy
https://canadaph24.pro/# canadian pharmacy oxycodone
canadian pharmacy 365 best canadian online pharmacy canada pharmacy 24h
mexican rx online: Online Pharmacies in Mexico – best online pharmacies in mexico
https://mexicoph24.life/# buying from online mexican pharmacy
canadapharmacyonline legit canadian pharmacies canada pharmacy online
77 canadian pharmacy Large Selection of Medications from Canada safe canadian pharmacies
canadian online drugstore: Certified Canadian Pharmacies – thecanadianpharmacy
best india pharmacy Cheapest online pharmacy online shopping pharmacy india
http://indiaph24.store/# world pharmacy india