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

22,767 Responses

  1. 1win_wter表示:

    1win apk latest version https://www.1win1029.top .

  2. OscarOmist表示:

    can i buy generic clomid online: Clom Health – can i get cheap clomid prices

  3. RussellCof表示:

    clomid order: Clom Health – where to get clomid prices

  4. OscarOmist表示:

    PredniHealth: prednisone 10mg tablet cost – prednisone 500 mg tablet

  5. Sazremn表示:

    Мы изготавливаем дипломы любой профессии по приятным ценам.– saturn.forumex.ru/viewtopic.phpf=19&t=742

  6. Samxsq表示:

    Переписка с психологом. Разговор с психологом онлайн. Самоуважение психология.

    Частые разногласия с самыми близкими.
    Записаться на консультацию.
    Решим вместе вашу проблему.
    Индивидуальное консультирование.

  7. Moneylzv表示:

    Психолог в телеграм. Услуги психолога онлайн. Круглосуточная запись на онлайн-консультацию психолога.

    Нужен хороший психолог?
    Психолог, Сайт психологов.
    36778 проверенных отзывов.

  8. 1win_moer表示:

    how to use 1win bonus 1win1029.top .

  9. Rogerbup表示:

    https://amohealthcare.store/# can i buy amoxicillin over the counter

  10. MatthewMof表示:

    PredniHealth PredniHealth PredniHealth

  11. 1win_md_ttEl表示:

    1win ставки casino 1win5071.ru .

  12. Link exchange is nothing else however it is only placing the other person’s website link on your page at proper
    place and other person will also do similar in support of you.

  13. MatthewMof表示:

    cost generic clomid without a prescription can you buy cheap clomid without dr prescription clomid pills

  14. Sazrofx表示:

    Покупка диплома ВУЗа через качественную и надежную фирму дарит множество преимуществ для покупателя. Это решение позволяет сберечь как продолжительное время, так и существенные денежные средства. Тем не менее, плюсов значительно больше.Мы можем предложить дипломы любой профессии. Дипломы производят на подлинных бланках. Доступная стоимость сравнительно с огромными расходами на обучение и проживание в чужом городе. Заказ диплома об образовании из российского ВУЗа будет выгодным шагом.
    Приобрести диплом: diplomg-kurerom.ru/kupit-diplom-s-zaneseniem-v-reestr-tsena-4/

  15. Mazrqjb表示:

    Мы изготавливаем дипломы психологов, юристов, экономистов и других профессий по приятным тарифам. Заказ диплома, подтверждающего обучение в ВУЗе, – это разумное решение. Купить диплом о высшем образовании: skrivunder.net/483974\

  16. Cazrcwz表示:

    Заказать диплом ВУЗа по доступной стоимости можно, обращаясь к проверенной специализированной фирме. Мы готовы предложить документы Институтов, расположенных на территории всей Российской Федерации. izibiz.pl/companies/eonline-diploma

  17. Rogerbup表示:

    https://clomhealth.com/# can i buy clomid online

  18. Judsonrax表示:

    generic clomid without insurance: how to get generic clomid without insurance – clomid no prescription

  19. OscarOmist表示:

    PredniHealth: prednisone buy – PredniHealth

  20. RussellCof表示:

    where to buy clomid online: where to get clomid prices – where can i get clomid pill

  21. OscarOmist表示:

    cost generic clomid without insurance: Clom Health – can you get clomid without prescription

  22. Uazrbiu表示:

    Приобрести диплом об образовании. Производство диплома занимает гораздо меньше времени, а цена при этом невысокая. В результате вы имеете возможность сохранить бюджет и получить работу вашей мечты. Приобрести диплом под заказ вы имеете возможность используя официальный сайт компании. – lgbtqia.network/read-blog/298368_kupit-diplom-medicinskoj-sestry.html

發佈留言

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