利用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...

27,657 Responses

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

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

  3. Если вы искали где отремонтировать сломаную технику, обратите внимание – ремонт бытовой техники в челябинске

  4. Scottdiz表示:

    вавада: vavada зеркало – vavada казино

  5. Если вы искали где отремонтировать сломаную технику, обратите внимание – профи ремонт

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

  7. WilliamGed表示:

    Букмекерская компания Мелбет или известная в других кругах Melbet, имеет огромное количество игроков в онлайне. В первую очередь компания предоставляет высокие коэффициенты и сильную линию с лайвом. Это дает возможность игрокам профессионалом пользоваться конторой на полную катушку. Плюс, с помощью промокода вы получите бонус 10400 тысяч рублей. Без промо кода до 8000 тысяч. промокод на Melbet представляют собой бонусные возможности, которые дает сама букмекерская контора. Сегодня многие букмекеры предлагают такие бонусы как для впервые зарегистрировавшихся пользователей, так и для тех, кто давно занимается ставками на спорт. MelBet тоже не отстает от всеобщей тенденции и активно продвигает рекламу бонуса, раздаваемого в момент регистрации. Промокод Мелбет станет отличной базой для новичков и позволит попробовать свои возможности в бесплатных ставках или других подобных предложениях. Как получить такой промокод и применить его на деле, рассмотрим далее.

  8. LloydWhope表示:

    free resume templates for engineers resume engineering templates

  9. LloydWhope表示:

    best resume template for engineers professional engineer resume format

  10. Shaneevige表示:

    Amazing things here. I am very glad to look your post. Thank you so much and I’m looking ahead to touch you. Will you please drop me a mail?
    вавада вход vavada

  11. Если вы искали где отремонтировать сломаную технику, обратите внимание – профи новосибирск

  12. Egtahf表示:

    buy rumalaya tablets – amitriptyline 10mg price order amitriptyline 10mg for sale

  13. Scottdiz表示:

    пин ап вход: пин ап зеркало – пин ап казино

  14. Scottdiz表示:

    1xbet зеркало рабочее на сегодня: 1хбет – 1xbet официальный сайт мобильная версия

  15. I seriously love your blog.. Excellent colors & theme. Did you create this website yourself? Please reply back as I’m looking to create my own site and would love to find out where you got this from or exactly what the theme is named. Appreciate it!

  16. Eanrlpf表示:

    Привет, друзья!
    Мы изготавливаем дипломы любой профессии по приятным тарифам.
    mazda-demio.ru/forums/index.php?autocom=gallery&req=si&img=4139

  17. Warrenmof表示:

    http://vavada.auction/# vavada зеркало

  18. Warrenmof表示:

    http://pin-up.diy/# pin up casino

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

  20. Отличный сайт! Всем рекомендую!запчасти на иномарки

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

發佈留言

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