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

  1. The Most Worst Nightmare About Semi Truck Accident Be Realized Commercial Truck Lawyer (Robertchang.Ca)

  2. 강남오피表示:

    3 Mistakes To Avoid With Women In Nightclubs 강남오피

  3. The Three Greatest Moments In Physical Symptoms Of Anxiety History symptoms of anxiety attack

  4. 15 Up-And-Coming Mesothelioma Lawyer Bloggers You Need To
    See Mesothelioma lawyer blog

  5. Ernestina表示:

    Guide To Train Injury Lawsuit: The Intermediate Guide
    Towards Train Injury Lawsuit train injury lawsuit; Ernestina,

  6. 10 Tips To Build Your Audi Key Replacement Empire Audi a3 replacement key

  7. Pretty straightforward. It obviously depends on the standard of living you want to have but for me if I decide to fight MMA I understand that I’m going to try to get by on as little as possible. Do most fighters who have day jobs work part time? And if you’re a fighter who works full time do you feel like it has a negative impact on your ability to train effectively?.

  8. Bentley Key Fob Replacement Tools To Make Your Daily Lifethe One Bentley Key
    Fob Replacement Trick Every Individual Should Be Able To Bentley Key Fob Replacement

  9. Hello I absolutely love your article and it has been so admirable hence I am going to save it. I Have to say the Superb research you have done is greatly

  10. Erica表示:

    The 10 Most Terrifying Things About Bmw Key Programmer bmw key
    programmer (Erica)

  11. 10 Misconceptions Your Boss Has Regarding Mental Assessment Mental Assessment Test

  12. 10 Things Everybody Hates About Birth Injury Attorney Kansas City kansas city birth injury Attorney

  13. The History Of Adhd In Adults Symptoms Test In 10 Milestones hidden Symptoms of adhd In adults

  14. Somebody essentially assist to make severely posts I’d state. This is the very first time I frequented your web page and so far? I surprised with the research you made to create this particular post amazing. Excellent activity!

  15. The 12 Most Unpleasant Types Of ADHD Medication Uk Accounts You Follow On Twitter types of Adhd medication uk

  16. BOKEP JEPANG表示:

    Very Good blog and articles im excited for about that

  17. Are You Responsible For The How To Get Diagnosed With ADHD Budget?
    10 Terrible Ways To Spend Your Money how to get diagnosed with Adhd adult

  18. BOKEP JEPANG表示:

    Very Good articles im excited for about that

  19. Matt表示:

    15 Funny People Who Are Secretly Working In Honda Replacement Car
    Keys honda jazz key cover (Matt)

  20. 휴게텔表示:

    Proactive Stress Relief With Robotic Massage Chair Therapy 휴게텔

  21. Good info. Lucky me I came across your site by chance (stumbleupon). I have saved as a favorite for later!

  22. Why Symptoms Of Anxiety Is The Right Choice For You?
    anxiety symptoms Vision

  23. How Sectional Sleeper Has Transformed My Life The Better sectional sofa with chaise and Sleeper

  24. Aw, this was a really good post. Taking a few minutes and actual effort to produce a really good article… but what can I say… I put things off a lot and never manage to get anything done.

  25. The Unspoken Secrets Of Fiat 500 Replacement Key lost fiat 500 key

  26. Mable表示:

    Are You Responsible For A Electric Treadmill Cheap
    Budget? 10 Unfortunate Ways To Spend Your Money slim electric treadmill (Mable)

  27. What’s The Current Job Market For Coffee Beans Types Professionals Like?
    coffee beans Types

  28. Haukua表示:

    cambia pills – buy aspirin 75mg sale aspirin 75 mg uk

發佈留言

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