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

12,892 Responses

  1. Hey! I simply wish to give a huge thumbs up for the good info you will have here on this post. I shall be coming back to your blog for more soon.

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

  3. What your declaring is absolutely real. I know that everyone should say the exact same matter, but I just believe that you put it in a way that everyone can realize. I also love the images you set in right here. They suit so well with what youre hoping to say. Im positive youll attain so quite a few folks with what youve received to say.

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

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

  6. The following time I learn a weblog, I hope that it doesnt disappoint me as much as this one. I imply, I do know it was my choice to read, however I really thought youd have something interesting to say. All I hear is a bunch of whining about one thing that you can repair should you werent too busy on the lookout for attention.

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

  8. Excellent post. I was checking constantly this blog and I am impressed! Very helpful information particularly the last part I care for such information a lot. I was looking for this certain information for a very long time. Thank you and best of luck.

  9. Naturally, when you make your own beats online, there are limitations as to what you can do. Depending on the age and power of your computer system you will have varying results.

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

  11. It’s difficult to acquire knowledgeable people on this topic, but the truth is could be seen as guess what happens you are speaking about! Thanks

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

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

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

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

  16. WilliamAnedy表示:

    Ознакомьтесь с лучшими предложениями на 1win, перейдя по ссылке – https://t.me/s/onewincasinotoday

  17. AgxfHesia表示:

    I was asking your thoughts on whether they are useful or not for symptomatic relief.
    Quality is a major concern when you zithromax drug because it is powerful medication
    If you are driving, stop the car and walk around for a few minutes every couple of hours.

  18. AnvtfHesia表示:

    Corresponding author: Paul S.
    out the substantial discounts quoted through this site for ivermectin 400 mg brands . Purchase orders now!
    It makes absolutely sick to now realize that we were slowing killing our pets.

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

  20. Bedpage表示:

    I could not refrain from commenting. Perfectly written!

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

  22. Bedpage表示:

    You are so cool! I do not think I’ve truly read a single thing like this before. So wonderful to find another person with some original thoughts on this subject. Seriously.. thank you for starting this up. This website is something that is required on the internet, someone with a bit of originality.

  23. plise perde表示:

    plise perde | Plise perdelerin farklı desen ve renklerde nasıl bulunabileceğini anlatan bu yazı, çeşitliliği gözler önüne seriyor.

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

  25. WilliamAnedy表示:

    Переходите на сайт для доступа к свежим бонусам и зеркалам – 1win войти

  26. plise perde表示:

    plise perde | Plise perdelerin farklı mekanlar için nasıl özelleştirilebileceğini anlatan bu yazı, her okuyucuya hitap ediyor.

  27. plise perde表示:

    plise perde | Yazı, plise perdelerin estetik yönlerini fonksiyonellikle nasıl harmanladığını başarılı bir şekilde sergiliyor.

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

  29. AntnPaish表示:

    Your doctor also examines your eyes to look for swelling caused by a tumor pressing on the nerve that connects the eye and the brain.
    Prevention is better than cure for ED. Click this link contraction alkalosis lasix Read more about erectile dysfunction here.
    The three most common forms of diabetes are type 1 diabetes, type 2 diabetes, and gestational diabetes.

  30. hjreborn表示:

    Great web site you’ve got here.. It’s hard to find high quality writing like yours these days. I seriously appreciate people like you! Take care!!

發佈留言

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