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

10,610 Responses

  1. You actually make it seem really easy along with your presentation however I find this topic to be really one thing that I think I would never understand. It seems too complicated and very wide for me. I’m looking ahead for your subsequent publish, I’ll try to get the cling of it!

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

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

  4. Thanks a ton for bothering to line all this out for people. This particular posting ended up being extremely useful if you ask me.

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

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

  7. Boost Your Backlinks Quickly By Submitting Press Releases 검색엔진최적화 사례

  8. Spot on with this write-up, I really believe this website requirements far more consideration. I’ll oftimes be once more to see a great deal more, thank you for that information.

  9. Many thanks for another very fine post. I often visit your site and I really enjoy your work. Congrats!

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

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

  12. There are a few fascinating points soon enough here but I don’t determine if I see every one of them center to heart. There is certainly some validity but I am going to take hold opinion until I take a look at it further. Good write-up , thanks therefore we want much more! Included with FeedBurner also

  13. Ev Taşıma | Müşteri memnuniyetinin ev taşıma sektöründe ne kadar önemli olduğunu bu yazıda çok iyi ifade etmişsiniz. Kozcuoğlu Ev Taşıma olarak, memnuniyeti her zaman ön planda tutuyoruz.

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

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

  16. I think your suggestion would be helpful for me. I will let you know if its work for me too. Thank you for sharing this beautiful articles, thankyou

  17. Hello! I just wish to give a huge thumbs up for the good info you’ve gotten right here on this post. I will likely be coming back to your blog for more soon.

  18. Delighted for you to discovered this website write-up, My group is shopping more often than not regarding this. This can be at this moment definitely what I are already seeking and I own book-marked this specific website online far too, I’ll often be keep returning soon enough to look at on your unique blog post.

  19. I’m very pleased to uncover this great site. I need to to thank you for your time just for this fantastic read!! I definitely appreciated every little bit of it and i also have you saved to fav to check out new information in your blog.

  20. ounce of weed表示:

    You should be a part of a contest for one of the most useful sites on the net. I am going to recommend this blog!

  21. Evden Eve Nakliyat | Makalede belirtilen taşınma süreciyle ilgili ipuçları gerçekten çok faydalı. Biz de Kozcuoğlu Evden Eve Nakliyat olarak müşterilerimize stressiz bir taşınma deneyimi sunmak için bu tür yaklaşımları benimsemekteyiz.

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

  23. ev taşıma表示:

    Ev Taşıma | Taşınma sürecinde dikkat edilmesi gereken noktaları bu kadar detaylı açıklamanız çok faydalı olmuş. Kozcuoğlu Ev Taşıma olarak, müşterilerimize bu konuda rehberlik etmekten memnuniyet duyuyoruz.

  24. ev taşıma表示:

    Evden Eve Nakliyat | Makalede bahsettiğiniz taşınma sürecine dair öneriler, müşterilerimizin bilinçli kararlar almalarına yardımcı olacak nitelikte. Kozcuoğlu Evden Eve Nakliyat olarak, bu süreçte yanlarında olmaktan mutluluk duyuyoruz.

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

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

發佈留言

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