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

21,026 Responses

  1. w69 thai表示:

    Just wish to say your article is as amazing. The clarity in your post is simply nice and i could assume you are an expert on this subject. Fine with your permission allow me to grab your RSS feed to keep updated with forthcoming post. Thanks a million and please continue the enjoyable work.

  2. CarltonUnith表示:

    https://usaindiapharm.shop/# indian pharmacy online

  3. bingo表示:

    Thanks for the auspicious writeup. It in fact was a enjoyment account it. Glance advanced to far introduced agreeable from you! By the way, how can we be in contact?

  4. w69th表示:

    This article offers clear idea in support of the new users of blogging, that genuinely how to do blogging and site-building.

  5. Georgeunula表示:

    UsaIndiaPharm: USA India Pharm – reputable indian pharmacies

  6. DavidSooni表示:

    UsaIndiaPharm USA India Pharm indianpharmacy com

  7. betsul表示:

    Very energetic post, I loved that a lot. Will there be a part 2?

  8. w69 login表示:

    Its such as you read my thoughts! You seem to know a lot approximately this, such as you wrote the guide in it or something. I think that you could do with a few to pressure the message home a bit, but other than that, that is excellent blog. A great read. I will certainly be back.

  9. m3588表示:

    Nice blog! Is your theme custom made or did you download it from somewhere? A theme like yours with a few simple tweeks would really make my blog jump out. Please let me know where you got your design. Thank you

  10. Iariorfda表示:

    Приобрести диплом института по выгодной стоимости можно, обратившись к надежной специализированной фирме. Приобрести документ университета вы сможете у нас в Москве. rusd-diplomj.ru/kupit-diplom-o-visshem-obrazovanii-bistro-i-nadezhno-31

  11. CurtisLax表示:

    gsa setup guide 2025 – Step-by-step configuration manual for optimal performance

  12. Sazrcyh表示:

    Купить диплом академии !
    Покупка диплома любого университета России у нас является надежным делом, поскольку документ заносится в реестр. Выгодно заказать диплом о высшем образовании diplomg-cheboksary.ru/kupit-diplom-s-reestrom-v-moskve-7

  13. FrankGlora表示:

    indian pharmacy paypal: online pharmacy india – indianpharmacy com

  14. Trefhyt表示:

    Приобрести диплом любого института. Заказ официального диплома через проверенную и надежную компанию дарит ряд достоинств. Это решение помогает сэкономить как дорогое время, так и существенные средства. jobplanner.eu/employer/eonline-diploma

  15. mostbet_jvEn表示:

    мостбет авиатор https://mostbet6033.ru .

  16. Waltonnix表示:

    UsaIndiaPharm: indianpharmacy com – Online medicine order

  17. JasonCag表示:

    аренда автомобиля храброво аренда авто в аэропорту храброво

  18. Jariormku表示:

    Где купить диплом специалиста?
    Наша компания предлагаетвыгодно и быстро приобрести диплом, который выполнен на бланке ГОЗНАКа и заверен печатями, штампами, подписями. Документ способен пройти лубую проверку, даже с использованием профессиональных приборов. Решите свои задачи максимально быстро с нашей компанией. Купить диплом о высшем образовании! friendza.enroles.com/read-blog/38395_svidetelstvo-o-brake.html

  19. Billycet表示:

    аренда авто минеральные воды аэропорт аренда авто минеральные воды

  20. Waltonnix表示:

    USA India Pharm: UsaIndiaPharm – indianpharmacy com

  21. CarltonUnith表示:

    https://usaindiapharm.com/# online shopping pharmacy india

  22. Georgeunula表示:

    п»їlegitimate online pharmacies india: india pharmacy – UsaIndiaPharm

  23. FrankGlora表示:

    best india pharmacy: USA India Pharm – reputable indian online pharmacy

  24. DavidSooni表示:

    USA India Pharm UsaIndiaPharm UsaIndiaPharm

  25. Iarioryhj表示:

    Приобрести диплом института по выгодной цене возможно, обращаясь к надежной специализированной фирме. Заказать документ о получении высшего образования вы можете в нашей компании в столице. damdiplomisa.com/kupit-diplom-s-registratsiej-v-reestre-po-nizkoj-tsene-4

  26. CurtisLax表示:

    http://en.xrumergsabase.ru/ – Access XRumer and GSA databases via this official link.

  27. Lazrjqc表示:

    Быстро и просто приобрести диплом любого университета!
    Мы можем предложить дипломы психологов, юристов, экономистов и любых других профессий по невысоким ценам— vacshidiplom.com/kupit-ofitsialnij-diplom-o-visshem-obrazovanii/

  28. Waltonnix表示:

    USA India Pharm: best online pharmacy india – india pharmacy mail order

  29. Mazrdmx表示:

    Купить диплом о высшем образовании!
    Мы предлагаем документы об окончании любых ВУЗов Российской Федерации. Документы изготавливаются на подлинных бланках. msv.5nx.ru/viewtopic.php?f=6&t=470

發佈回覆給「Waltonnix」的留言 取消回覆

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