利用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)});
	}
}

擴散效果 原始檔 下載

You may also like...

28,169 Responses

  1. Профессиональный сервисный центр по ремонту принтеров в Москве.
    Мы предлагаем: надежный сервис ремонта принтеров
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  2. Профессиональный сервисный центр по ремонту плоттеров в Москве.
    Мы предлагаем: ремонт плоттеров в москве
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  3. Stephengen表示:

    https://pharmaciepascher.pro/# pharmacie en ligne pas cher

  4. Профессиональный сервисный центр по ремонту объективов в Москве.
    Мы предлагаем: ремонт объективов в москве
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  5. Профессиональный сервисный центр по ремонту плоттеров в Москве.
    Мы предлагаем: обслуживание плоттеров
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  6. Everything is very open with a really clear description of the issues. It was definitely informative. Your website is extremely helpful. Many thanks for sharing.

  7. Профессиональный сервисный центр по ремонту МФУ в Москве.
    Мы предлагаем: мфу сервисный центр москва
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  8. HeathZex表示:

    Pharmacie sans ordonnance: vente de mГ©dicament en ligne – pharmacie en ligne france livraison belgique

  9. Профессиональный сервисный центр по ремонту МФУ в Москве.
    Мы предлагаем: ремонт мфу москва
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  10. WilliamAnedy表示:

    Читайте отзывы о lex casino и активируйте бонусы по ссылке лекс казино акции

  11. Charlesrab表示:

    Pharmacie Internationale en ligne pharmacie en ligne pharmacie en ligne france livraison internationale

  12. Hi, I do think this is an excellent site. I stumbledupon it 😉 I am going to revisit once again since I bookmarked it. Money and freedom is the greatest way to change, may you be rich and continue to guide others.

  13. HeathZex表示:

    pharmacie en ligne france pas cher: cialis generique – Achat mГ©dicament en ligne fiable

  14. Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
    Мы предлагаем:ремонт бытовой техники в уфе
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  15. Charlesrab表示:

    Viagra homme prix en pharmacie sans ordonnance Viagra generique en pharmacie п»їViagra sans ordonnance 24h

  16. WilliamAnedy表示:

    Посетите наш сайт https://massageivanteevka.ru/ для получения информации о лучших массажистах в Ивантеевке.

  17. Josephsamma表示:


    Временная регистрация в Санкт-Петербурге: Быстро и Легально!
    Ищете, где оформить временную регистрацию в СПБ?
    Мы гарантируем быстрое и легальное оформление без очередей и лишних документов.
    Ваше спокойствие – наша забота!
    Минимум усилий • Максимум удобства • Полная легальность
    Свяжитесь с нами прямо сейчас!
    Временная регистрация в СПБ

  18. Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
    Мы предлагаем:сервисные центры в уфе
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  19. I’m extremely pleased to discover this great site. I need to to thank you for your time due to this fantastic read!! I definitely enjoyed every bit of it and I have you book marked to see new things in your blog.

  20. WilliamAnedy表示:

    Хотите расслабиться? массаж Ивантеевка поможет восстановить силы.

  21. Профессиональный сервисный центр по ремонту принтеров в Москве.
    Мы предлагаем: ремонт принтер
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  22. Stephengen表示:

    http://vgrsansordonnance.com/# Viagra homme prix en pharmacie sans ordonnance

  23. Профессиональный сервисный центр по ремонту принтеров в Москве.
    Мы предлагаем: мастер по ремонту принтеров москва
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  24. Hjhivt表示:

    deltasone 40mg over the counter – prednisone 5mg pill zovirax cost

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。