利用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. BryanCar表示:

    Their loyalty program offers great deals.
    out of date gabapentin
    Their pet medication section is comprehensive.

  2. JosephRar表示:

    Игровые автоматы — шанс РЅР° крупный выигрыш.: balloon казино играть – balloon казино демо

  3. BryanCar表示:

    Their global health resources are unmatched.
    order generic cytotec without dr prescription
    A one-stop-shop for all my health needs.

  4. JosephRar表示:

    Погрузитесь РІ РјРёСЂ азартных РёРіСЂ.: balloon game – balloon игра

  5. Davidriday表示:

    balloon казино играть balloon game Ballon — это РёРіСЂР° СЃ удивительными графиками.

  6. KennethIdiom表示:

    https://balloonigra.kz/# Крути барабаны и жди победы!

  7. KennethIdiom表示:

    https://balloonigra.kz/# Казино — мир азартных приключений.

  8. JosephRar表示:

    Играйте РІ казино, наслаждайтесь каждым моментом.: balloon казино демо – balloon игра

  9. Solely 9 items have been deliberate originally, while automotive 290 was delivered as a substitute for the scrapped 272 Combino.

  10. Jessepooto表示:

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

  11. MartyWrapy表示:

    Играйте РІ Ballon Рё наслаждайтесь процессом.: balloon казино официальный сайт – balloon игра

  12. JosephRar表示:

    Ballon — автомат СЃ захватывающим сюжетом.: balloon игра на деньги – balloon игра на деньги

  13. Ethereum Foundation confirm $1.25M to Tornado Cash defense

  14. Davidriday表示:

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

  15. MartyWrapy表示:

    Игровой автомат Ballon дарит СЏСЂРєРёРµ эмоции.: balloon игра на деньги – balloon game

  16. KennethIdiom表示:

    https://akhbutina.kz/# Игровой автомат Ballon дарит яркие эмоции.

  17. KennethIdiom表示:

    https://akhbutina.kz/# Крути барабаны и жди победы!

  18. JosephRar表示:

    Попробуйте выиграть РЅР° автомате Ballon!: balloon игра на деньги – balloon казино официальный сайт

  19. Jessepooto表示:

    Игровые автоматы делают вечер незабываемым.: balloon казино играть – balloon игра на деньги

  20. JosephRar表示:

    Казино — место для увлекательных РёРіСЂ.: balloon казино играть – balloon казино официальный сайт

  21. Davidriday表示:

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

  22. MartyWrapy表示:

    Ballon — выберите СЃРІРѕР№ путь Рє победе.: balloon казино играть – balloon казино официальный сайт

  23. KennethIdiom表示:

    https://akhbutina.kz/# Игровой автомат Ballon дарит яркие эмоции.

  24. TommyBroff表示:

    戰神賽特

    想挑戰刺激又富有獎勳的遊戲世界嗎?來「戰神賽特娛樂城」的老虎機,一場充滿驚喜的冒險正等著您!遊戲中融合了各式特殊符號與獎勳機制,如 Wild 與 Scatter 符號,能夠為您開啟額外的連線機會,讓您在每一輪轉動中都充滿期待。而 Bonus Game 和 Free Spin 更能讓您在短時間內獲得超豐厚的獎勳,輕鬆開啟連勝之旅。無論您是新手還是老玩家,戰神賽特為您精心設計了從 0.5 到 2500 的多元投注範圍,無論您的風險承受度如何,都能輕鬆找到最適合自己的投注金額,享受遊戲的樂趣。若您想要更快掌握遊戲技巧,不妨先體驗「戰神賽特試玩」版,或參考「戰神賽特攻略」指南,讓您在真實賭局中如魚得水,搶奪更多獎勳!快來挑戰自己的運氣,和我們一起開啟一場刺激無比的冒險吧

  25. GordonHor表示:

    Этот увлекательный информационный материал подарит вам массу новых знаний и ярких эмоций. Мы собрали для вас интересные факты и сведения, которые обогатят ваш опыт. Откройте для себя увлекательный мир информации и насладитесь процессом изучения!
    Получить больше информации – https://mednarkoforum.ru/

  26. Rocket Pool’s Ethereum staking service reaches $1B in TVL

  27. KennethIdiom表示:

    https://neokomsomol.kz/# Казино — это шанс на финансовую свободу.

  28. MartyWrapy表示:

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

  29. Jessepooto表示:

    Присоединяйтесь Рє игрокам РЅР° автоматах.: balloon казино играть – balloon казино играть

發佈回覆給「KennethIdiom」的留言 取消回覆

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