利用Tweener製作動畫 – 廣告看板

依然是Tweener範例清倉,本篇範例大致是搭配Tweener讓目標物移動到指定座標的效果,話不多說看範例吧!

Tweener 橫幅廣告 範例:主要為利用Tweener針對廣告看板進行移動,以下為本範例的程式碼:

import caurina.transitions.Tweener;
var i:int;//迴圈用變數
var pic:int = 1;//播放張數紀錄變數
var clock;//計時器變數

//按鈕變色與監聽
btnChange();
function btnChange()
{
	for (i=1; i<=4; i++)
	{
		this["b" + i].gotoAndStop(1);
		this["b" + pic].gotoAndStop(2);
	}
}
for (i=1; i<=4; i++)
{
	this["b" + i].addEventListener(MouseEvent.CLICK,clickFn);
}
function clickFn(e:MouseEvent)
{
	clearInterval(clock);
	clock = setInterval(autoChange,5000);
	pic = e.currentTarget.name.substr(1,1);
	bannerChange();
	btnChange();
}

//計時器設定(每5秒更換)
clock = setInterval(autoChange,5000);
function autoChange()
{
	pic++;
	if (pic>4)
	{
		pic = 1;
	}
	bannerChange();
	btnChange();
}
//圖片切換函數
function bannerChange()
{
	Tweener.addTween(banner, {x:(pic-1)*-560, time:1, transition:"easeOutQuint"});
}

橫幅廣告 範例 原始檔 下載


Tweener 移動看板 範例:與上面範例大致相同,不過本範例增加了縱向的移動。

import caurina.transitions.Tweener
var i
var j
var targetX
var targetY

for(i=1;i<=3;i++){
	for(j=1;j<=3;j++){
		this["b"+i+j].addEventListener(MouseEvent.CLICK,moveFn)
	}
}
function moveFn(e:MouseEvent){
	targetX=(e.currentTarget.name.substr(2,1)-1)*-450
	targetY=(e.currentTarget.name.substr(1,1)-1)*-450
	Tweener.addTween(nb, {x:targetX, y:targetY, time:2, transition:"easeOutQuint"});
}

移動看板 範例 原始檔 下載

You may also like...

13,055 Responses

  1. LeonardKnism表示:

    кухни от производителя — Гарантия качества и доступные цены напрямую от производителя.

  2. TravisFlasp表示:

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

  3. JacobLoody表示:

    http://www.pitaniedetey.ru – Официальный сайт компании, специализирующейся на кухнях.

  4. EdwardApest表示:

    http://casinositeleri2025.pro/# bahis oyunlarД±

  5. JacobLoody表示:

    изготовление кухни на заказ — Профессиональное изготовление кухонной мебели с учетом всех пожеланий.

  6. Josephnor表示:

    пин ап зеркало: пинап казино – pinup 2025

  7. RobertPex表示:

    bonus slot en Г§ok kazandД±ran bahis siteleri en iyi bahis uygulamasД±

  8. VIP programı çok avantajlı, sadık oyunculara özel bonuslar sunuyorlar.

  9. JacobLoody表示:

    http://www.gft-leasing.ru — Узнайте больше о наших услугах на официальном сайте.

  10. Justinlib表示:

    https://slottr.top/# slot oyunlar?

  11. AngelCroft表示:

    https://pilot-partner.ru/ – Узнайте подробности об условиях работы и ценах.

  12. tubidy表示:

    You ought to take part in a contest for one of the greatest blogs on the internet. I am going to recommend this site!

  13. LeonardKnism表示:

    http://flowers777.ru/ — Уникальные кухонные решения на любой вкус.

  14. JacobLoody表示:

    кухни под заказ – Персонализированные решения для вашей кухни под заказ.

  15. aYwdpQoTmV表示:

    408431 815731Ive the same issue sometimes, but I usually just force myself via it and revise later. Great luck! 488990

  16. Sometime throughout the primary week, it’s best to take your French bulldog puppy to your vet for a test up and permit him/her to get to know your French bulldog.

  17. Josephnor表示:

    casino malta: ilk giriЕџte bonus veren bahis siteleri – en iyi bet siteleri

  18. Justinlib表示:

    https://casinositeleri2025.pro/# 100tl hosgeldin bonusu veren siteler

  19. RobertPex表示:

    en cok kazand?ran slot oyunlar? az parayla cok kazandiran slot oyunlar? slot oyunlar? puf noktalar?

  20. AngelCroft表示:

    sunnyholiday.ru – Откройте для себя лучшие услуги фотосъемки товаров.

  21. Huge Sycamore stands alone: the Western Apaches, Aravaipa, and the struggle for place.

  22. JacobLoody表示:

    кухни на заказ цены — узнайте актуальные предложения на сайте.

  23. On the Wright Event we make each effort to keep away from surprise ‘extras’ by clearly exhibiting exactly what has been included and we take great delight in being ready to produce a proposal based on our purchasers particular wants.

  24. LeonardKnism表示:

    кухни на заказ спб — Создание стильных и функциональных кухонь в Санкт-Петербурге по индивидуальным проектам.

  25. TravisFlasp表示:

    superbeting: slot oyunlarД±nda en Г§ok kazandД±ran oyun – son bahis gГјncel giriЕџ

發佈留言

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