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

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

  2. There is certainly a great deal to know about this subject. I love all of the points you have made.

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

  4. Heya just wanted to give you a quick heads up and let you know a few of the pictures aren’t loading correctly. I’m not sure why but I think its a linking issue. I’ve tried it in two different browsers and both show the same results.

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

  6. This may be the right blog for everyone who is really wants to find out about this topic. You already know a great deal of its practically not easy to argue on hand (not too When i would want…HaHa). You definitely put a brand new spin on a topic thats been discussed for many years. Wonderful stuff, just great!

  7. There are undoubtedly a lot of specifics like that to think about. That is a good point to raise up. I supply the thoughts previously mentioned as normal inspiration however clearly you can find questions like the one anyone bring up the spot that the most important thing will be working in honest good faith. My spouse and i don?testosterone levels know if guidelines have emerged around such thinggs as that, nonetheless I am sure that a job will be clearly known as a fair game. Both kids feel the affect of just a moment’s delight, for the rest of their particular lives.

  8. Pokemon Cards表示:

    After I originally left a comment I seem to have clicked on the -Notify me when new comments are added- checkbox and from now on each time a comment is added I receive four emails with the exact same comment. Is there a way you can remove me from that service? Thank you.

  9. Hi there, thanks for the awesome posting. I’m having troubles subscribing to your blogs feed. Thought I’d let you know

  10. Oh my! an incredible article man. Thanks a lot Unfortunately I am experiencing issues with ur rss . Don’t know why I am struggling to subscribe it. Perhaps there is somebody getting identical rss issues? Anyone who can help kindly respond. Appreciate it

  11. Having read this I thought it was really informative. I appreciate you finding the time and effort to put this informative article together. I once again find myself spending a significant amount of time both reading and commenting. But so what, it was still worthwhile!

  12. Very good blog post I love your site carry on the good articles

  13. taobaohaul表示:

    I truly love your blog.. Very nice colors & theme. Did you build this amazing site yourself? Please reply back as I’m hoping to create my very own site and would like to learn where you got this from or just what the theme is called. Many thanks!

  14. gadgets表示:

    Hi there, I believe your blog may be having web browser compatibility issues. Whenever I look at your blog in Safari, it looks fine but when opening in Internet Explorer, it’s got some overlapping issues. I merely wanted to provide you with a quick heads up! Besides that, fantastic site.

  15. This is the appropriate weblog for anybody who wants to discover this topic. You understand a great deal its nearly tough to argue with you (not too I actually would want…HaHa). You certainly put the latest spin using a topic thats been discussing for several years. Great stuff, just wonderful!

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

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

  18. Thanks , I have recently been searching for info about this subject for ages and yours is the best I have came upon till now. However, what concerning the bottom line? Are you positive concerning the supply?

  19. Youre so cool! I dont suppose Ive read anything such as this just before. So nice to uncover somebody with original thoughts on this subject. realy thanks for starting this up. this website is one thing that is needed on the internet, someone with a little originality. helpful project for bringing something new on the world wide web!

  20. paglabas表示:

    I absolutely love your website.. Pleasant colors & theme. Did you create this site yourself? Please reply back as I’m planning to create my own personal site and would love to find out where you got this from or what the theme is called. Appreciate it!

  21. I am not afraid to find this but this is just insane.

  22. www.2avia.ru表示:

    How Pass The Mblex Massage Certification Exam 하이오피; http://www.2avia.ru,

  23. Hello, I had been researching the web and I ran into your own blog. Keep up the wonderful work.

  24. paglabas表示:

    The very next time I read a blog, I hope that it does not fail me as much as this one. After all, Yes, it was my choice to read through, but I really believed you would have something helpful to say. All I hear is a bunch of complaining about something that you could fix if you were not too busy searching for attention.

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

  26. Fashion Courses Online… […]just below, are some totally unrelated sites to ours, however, they are definitely worth checking out[…]…

  27. I couldn’t refrain from commenting. Well written!

  28. You need to take part in a contest for one of the highest quality websites on the net. I’m going to highly recommend this blog!

  29. Thanks for sharing excellent information. Your web site is so cool. I am impressed by the details that you have on this blog. It reveals how nicely you understand this subject. Bookmarked this web page, will come back for extra articles.

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

發佈留言

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