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

19,972 Responses

  1. Justin Mahaffey says. “Most clients pick an engine installer to complete the drivetrain purchase and set up on their behalf, although a few select to try and do the installation themselves.” This takes many of the assembly work out of the client’s fingers.

  2. Jogo da abelha slot é um jogo de caça-níqueis com tema de natureza, com abelhas operárias ocupadas coletando mel em uma colmeia. Com um lindo cenário de floresta floral, os símbolos do jogo incluem abelhas, potes de mel, flores coloridas e uma abelha rainha como ícones de alto valor.

  3. KennethgoF表示:

    戰神賽特
    「戰神賽特」— 2025年最火爆的老虎機,等你來挑戰!
    如果你正在尋找一款高賠率、刺激又充滿神秘感的老虎機遊戲,那麼「戰神賽特」絕對是你的最佳選擇!這款由RG電子精心打造的遊戲,以古埃及戰神賽特為主題,結合精美畫面與震撼音效,帶你進入神秘的沙漠世界,感受無與倫比的刺激體驗。
    為何玩家瘋狂愛上戰神賽特?
    超狂賠率 51,000 倍:一轉瞬間,財富翻倍不是夢
    高RTP達96.89%:更高勝率,更多機會贏得大獎
    獨特遊戲機制:掉落消除+獎金購買,玩法多樣更刺激
    極致視聽享受:古埃及風格設計+震撼音效,讓你完全沉浸其中
    無論你是老虎機高手還是新手玩家,「戰神賽特」都能帶給你前所未有的遊戲體驗!快來挑戰戰神,贏取屬於你的豐厚獎勵!

  4. Jessepooto表示:

    Крути барабаны Рё жди победы!: balloon казино играть – balloon игра

  5. Idyple表示:

    prilosec to treat heartburn – atenolol usa order atenolol 50mg sale

  6. KennethIdiom表示:

    https://neokomsomol.kz/# Выигрывайте большие суммы на автоматах!

  7. JosephRar表示:

    Ballon — идеальный выбор для азартных РёРіСЂРѕРєРѕРІ.: balloon игра на деньги – balloon игра

  8. MartyWrapy表示:

    Р’ казино всегда есть что-то РЅРѕРІРѕРµ.: balloon игра – balloon казино официальный сайт

  9. JosephRar表示:

    Автомат Ballon предлагает уникальные Р±РѕРЅСѓСЃС‹.: balloon game – balloon казино

  10. There’s only ever been one motive for the pair of them to cut off communication and that was Outdated Agency time during their playing days.

  11. DexGuru表示:

    Analysts : Bitcoin experiencing ‘shakeout,’ not end of 4-year cycle

  12. MartyWrapy表示:

    Автомат Ballon предлагает уникальные Р±РѕРЅСѓСЃС‹.: balloon game – balloon игра

  13. KennethIdiom表示:

    https://neokomsomol.kz/# Ballon — игра, полная сюрпризов.

  14. There is maybe no higher solution to merge indoors with outdoors than to build a deck off the side of a home.

  15. KennethIdiom表示:

    https://neokomsomol.kz/# Игровые автоматы — шанс на крупный выигрыш.

  16. Jessepooto表示:

    Р’ казино всегда есть что-то РЅРѕРІРѕРµ.: balloon казино – balloon казино играть

  17. JosephRar表示:

    Автоматы Ballon поражают своей красочностью.: balloon казино демо – balloon game

  18. MartyWrapy表示:

    Автоматы Ballon поднимают настроение каждому.: balloon игра – balloon казино демо

  19. Davidriday表示:

    balloon казино balloon казино играть Игровые автоматы Ballon ждут СЃРІРѕРёС… героев.

  20. JosephRar表示:

    Казино всегда предлагает выгодные акции.: balloon казино – balloon game

  21. MartyWrapy表示:

    Игровые автоматы Ballon ждут СЃРІРѕРёС… героев.: balloon казино демо – balloon казино демо

  22. RobertTon表示:

    戰神賽特
    「戰神賽特」— 2025年最火爆的老虎機,等你來挑戰!
    如果你正在尋找一款高賠率、刺激又充滿神秘感的老虎機遊戲,那麼「戰神賽特」絕對是你的最佳選擇!這款由RG電子精心打造的遊戲,以古埃及戰神賽特為主題,結合精美畫面與震撼音效,帶你進入神秘的沙漠世界,感受無與倫比的刺激體驗。
    為何玩家瘋狂愛上戰神賽特?
    超狂賠率 51,000 倍:一轉瞬間,財富翻倍不是夢
    高RTP達96.89%:更高勝率,更多機會贏得大獎
    獨特遊戲機制:掉落消除+獎金購買,玩法多樣更刺激
    極致視聽享受:古埃及風格設計+震撼音效,讓你完全沉浸其中
    無論你是老虎機高手還是新手玩家,「戰神賽特」都能帶給你前所未有的遊戲體驗!快來挑戰戰神,贏取屬於你的豐厚獎勵!

  23. KennethIdiom表示:

    https://balloonigra.kz/# Обнаружьте новые стратегии на автомате Ballon.

  24. Jessepooto表示:

    Автоматы Ballon поражают своей красочностью.: balloon казино играть – balloon казино демо

  25. JosephRar表示:

    Ballon радует РёРіСЂРѕРєРѕРІ разнообразием функций.: balloon игра на деньги – balloon казино демо

  26. JosephRar表示:

    Играйте РІ казино Рё забудьте Рѕ заботах.: balloon казино официальный сайт – balloon казино

  27. The fast-flowing river was one hundred twenty yards (a hundred and ten m) broad in places, and attempts to discover a spot where it may very well be forded proved futile.

  28. MartyWrapy表示:

    Выигрывайте большие СЃСѓРјРјС‹ РЅР° автоматах!: balloon игра на деньги – balloon казино официальный сайт

  29. KennethIdiom表示:

    https://neokomsomol.kz/# Ballon — автомат с захватывающим сюжетом.

  30. MartyWrapy表示:

    Ballon — РёРіСЂР°, полная СЃСЋСЂРїСЂРёР·РѕРІ.: balloon игра – balloon казино играть

發佈留言

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