利用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,619 Responses

  1. Hey, what kind of anti-spam plugin do you use for your blog.”,,”.

  2. you might have a great blog right here! would you wish to make some invite posts on my blog?

  3. The the next occasion I just read a weblog, I am hoping it doesnt disappoint me around that one. I am talking about, It was my solution to read, but I personally thought youd have something interesting to convey. All I hear is really a number of whining about something that you could fix in case you werent too busy seeking attention.

  4. It’s not that I want to duplicate your web-site, but I really like the pattern. Could you let me know which theme are you using? Or was it especially designed?

  5. Aw, this was an extremely high quality submit. In theory Id prefer to create such as this too taking some time to real work to create a very good report but exactly what do I say My partner and i delay doing things a large amount and don’t appear to go done.

  6. Excellent blog you have got here.. It’s difficult to find good quality writing like yours these days. I truly appreciate individuals like you! Take care!!

  7. esa paccar表示:

    You ought to be a part of a contest for one of the most useful blogs online. I will recommend this web site!

  8. It’s onerous to seek out knowledgeable folks on this subject, but you sound like you already know what you’re talking about! Thanks

  9. Oh my goodness! an excellent post dude. Thanks However We’re experiencing problem with ur rss . Don’t know why Can not sign up to it. Possibly there is any person getting identical rss problem? Anybody who knows kindly respond. Thnkx

  10. 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.

  11. It hard to find knowledgeable individuals on this matter, however you sound like you understand what you are talking about! Thanks

  12. we are using plastic kitchen faucets at home because they are very cheap and you can easily replace them if they broke,.

  13. ev taşıma表示:

    Evden Eve Nakliyat | Taşınma sürecinde doğru firma seçiminin ne kadar kritik olduğunu bu yazınızda çok güzel ifade etmişsiniz. Kozcuoğlu Evden Eve Nakliyat olarak, müşterilerimize en kaliteli hizmeti sunmak için buradayız.

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

  15. Everybody Hates Chris sometimes bores me because the jokes aren’t so funny anymore but i still watch it all the time,

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

  17. sky88表示:

    Hi there! I could have sworn I’ve been to this website before but after browsing through many of the articles I realized it’s new to me. Nonetheless, I’m definitely happy I stumbled upon it and I’ll be bookmarking it and checking back regularly.

  18. Thanks for the tips you have provided here. One more thing I would like to mention is that laptop memory requirements generally increase along with other breakthroughs in the engineering. For instance, as soon as new generations of processors are introduced to the market, there is usually a matching increase in the shape demands of all computer system memory plus hard drive room. This is because the application operated by these cpus will inevitably boost in power to leverage the new engineering.

  19. ev taşıma表示:

    Ev Taşıma | Ev taşımak, doğru planlama yapıldığında çok daha kolay olabilir. Kozcuoğlu Ev Taşıma olarak, müşterilerimizin tüm planlama süreçlerinde yanlarında olmaktan gurur duyuyoruz.

  20. Great – I should certainly pronounce, impressed with your website. I had no trouble navigating through all the tabs as well as related info ended up being truly simple to do to access. I recently found what I hoped for before you know it at all. Quite unusual. Is likely to appreciate it for those who add forums or anything, website theme . a tones way for your customer to communicate. Excellent task.

  21. Hey, I simply hopped over for your website by means of StumbleUpon. Now not one thing I’d in most cases read, but I appreciated your emotions none the less. Thanks for making one thing price reading.

  22. sky88表示:

    Greetings! Very useful advice within this article! It is the little changes that will make the biggest changes. Many thanks for sharing!

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

  24. ev taşıma表示:

    Evden Eve Nakliyat | Ev taşıma sürecinde dikkat edilmesi gereken noktaları bu kadar net bir şekilde açıkladığınız için teşekkürler. Kozcuoğlu Evden Eve Nakliyat olarak, müşterilerimize en iyi hizmeti sunmak için buradayız.

  25. You’re the best, I just stumbled your weblog and wanted to say that I’ve truly enjoyed browsing your blog posts. After all I’ll be subscribing to your feed and I hope you write again very soon!

  26. ngentot anak表示:

    This is a topic which is near to my heart… Many thanks! Exactly where are your contact details though?

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

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

發佈留言

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