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

  1. 5 Killer Quora Answers To Veterans Disability Attorneys Veterans Disability Attorney

  2. What You Need To Do With This Birth Defect Lawyers birth Defect lawsuit

  3. 5 Erb’s Palsy Case-Related Lessons From The Professionals Erb’s palsy lawyers

  4. 15 Top Pinterest Boards Of All Time About Birth Defect Attorneys Birth Defect law Firms

  5. A Provocative Rant About Online Shopping Uk Kitchen gadgets for Baking

  6. Where Can You Find The Top Amazon Online Grocery Shopping Uk Information?
    Car Tire Air Pump

  7. Thanks for sharing your expertise on such an important topic.

  8. Nice post. I learn something more difficult on diverse blogs everyday. It will always be stimulating to learn content from other writers and practice a little there. I’d opt to apply certain while using content on my blog whether or not you don’t mind. Natually I’ll provide link on the internet weblog. Thank you for sharing.

  9. 8 scaffolding表示:

    This is a really good site post, I’m delighted I came across it. I’ll be back down the track to check out other posts that

  10. Why Adding Malpractice Claim To Your Life Can Make All The
    An Impact Malpractice lawyers

  11. This post was an eye-opener about the risks of asbestos. Thanks!

  12. lawsuit表示:

    4 Dirty Little Tips On The Boat Accident Compensation Industry lawsuit

  13. Great tips on finding a qualified asbestos removal professional.

  14. When I originally commented I clicked the -Notify me when new surveys are added- checkbox now when a comment is added I purchase four emails using the same comment. Can there be that is it is possible to eliminate me from that service? Thanks!

  15. vimeo表示:

    The Main Issue With Shopping Online Uk Clothes, And How You Can Fix It vimeo

  16. accidents表示:

    The Reasons Accident Compensation Is The Main Focus Of Everyone’s Attention In 2023 accidents

  17. Can asbestos removal really be done safely? This blog suggests it can!

  18. 5 People You Oughta Know In The Malpractice Attorneys
    Industry Malpractice Law Firms

  19. When I originally commented I clicked the -Notify me when new comments are added- checkbox and after this each time a comment is added I recieve four emails with the exact same comment. Possibly there is that is you are able to get rid of me from that service? Thanks!

  20. I appreciate the detailed explanations on asbestos removal and safety.

  21. Your blog post was like a breath of fresh air. Thank you for reminding me to slow down and appreciate the beauty of life.

  22. Wow, I didn’t realize how complex asbestos removal could be. Thanks for the insights!

  23. Well, the article is really the freshest on that notable topic. I agree with your conclusions and definitely will thirstily look forward to your approaching updates. Saying thanks can not just be adequate, for the enormous clarity in your writing. I can promptly grab your rss feed to stay privy of any updates. Pleasant work and much success in your business efforts!

  24. I feel much more confident about the process of asbestos removal now. Thanks!

  25. It’s great to find a blog that covers asbestos removal so thoroughly. Thanks!

  26. Joleen表示:

    You’ll Never Guess This Online Shopping Uk Sites’s Tricks online shopping uk
    sites (Joleen)

  27. Very interesting info!Perfect just what I was looking for!. “Everybody likes to go their own way–to choose their own time and manner of devotion.” by Jane Austen..

  28. A Provocative Rant About Malpractice Claim malpractice attorneys (http://Shinhwaspodium.com/)

  29. Adrienne表示:

    “The Ultimate Cheat Sheet For Online Shopping Sites online shopping sites for dress – Adrienne,

  30. 20 Best Tweets Of All Time Concerning Online Shopping Uk Women’s Clothing Craft Magnifying Light

發佈留言

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