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

15,012 Responses

  1. injury Lawyer表示:

    Why Best Birth Injury Attorneys Is Fast Becoming The Hottest Trend Of 2024?
    injury Lawyer

  2. Are You Confident About Truck Attorneys Near Me? Answer This Question truck accidents Attorneys

  3. How To Outsmart Your Boss On Best Asbestos Attorney mesothelioma Attorneys

  4. вывод из запоя ростов и область вывод из запоя ростов и область .

  5. lost bmw key表示:

    This Week’s Most Remarkable Stories Concerning Bmw
    Key lost bmw key

  6. The 10 Most Scariest Things About Patio Doors Repairs Patio Doors Repairs

  7. анонимный вывод из запоя ростов анонимный вывод из запоя ростов .

  8. JacobLoody表示:

    https://www.jfair.ru — стильные и функциональные кухни под заказ.

  9. 10 Beautiful Images To Inspire You About Folding Mobility Scooter For 25 Stone Mobility Scooters Lightweight Foldable

  10. Jamesknowl表示:

    https://mexicanpharmacy.store/# purple pharmacy mexico price list

  11. Receba 100$ ao se cadastrar na real pix bet e comece a apostar!

  12. You’ll Never Guess This Asbestos Attorneys’s Tricks Asbestos Attorneys, Chandler-Maurer.Blogbright.Net,

  13. 11 Creative Ways To Write About Key Lexus Lost
    Lexus Key (http://Www.Stes.Tyc.Edu.Tw)

  14. Jamestus表示:

    indian pharmacies safe buy prescription drugs from india world pharmacy india

  15. вывод из запоя на дому ростов недорого вывод из запоя на дому ростов недорого .

  16. вывод. из. запоя. анонимно. ростов. http://www.vyvod-iz-zapoya-rostov233.ru/ .

  17. ClaytonGauct表示:

    reputable canadian online pharmacy: canada pharmacy reviews – buy canadian drugs

  18. LarryHom表示:

    https://indianpharmacy.win/# best online pharmacy india

  19. JacobLoody表示:

    https://umalutki.ru — Все для вашего удобства: каталог, консультации и профессиональный сервис.

  20. вывод из запоя цены ростов на дону вывод из запоя цены ростов на дону .

  21. принудительный вывод из запоя ростов принудительный вывод из запоя ростов .

  22. Pasquale表示:

    What’s The Job Market For Gas Engineer Boiler Professionals?
    gas engineer boiler; Pasquale,

  23. Brianchoky表示:

    http://mexicanpharmacy.store/# purple pharmacy mexico price list

  24. вывод из запоя ростов на дону на дому вывод из запоя ростов на дону на дому .

  25. Christopher表示:

    10 Signs To Watch For To Get A New Patio Door Repairs tilt and slide patio door repairs – Christopher

  26. 在这里下载Telegram官网最新版,适用于所有主流操作系统。本站为你提供详细的纸飞机使用指南,包括如何下载、安装以及设置中文界面,帮助你轻松使用这一全球领先的通讯 https://www.telegrambbs.com

  27. JacobLoody表示:

    https://www.sklad-ymov.ru — Посетите наш сайт и ознакомьтесь с каталогом готовых и индивидуальных решений для кухни.

  28. JacobLoody表示:

    http://www.a-p-i.ru — ваш партнёр в создании идеальной кухни.

發佈留言

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