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

  1. Rubengax表示:

    88bet slot 88bet 88bet slot

  2. Josephsip表示:

    alo 789: dang nh?p alo789 – alo789in

  3. Stevenkated表示:

    https://88betviet.pro/# 188bet 88bet

  4. BMW_rumt表示:

    BMW X6: идеально для активной жизни, особенности.
    BMW X6: динамика и комфорт, безусловно.
    BMW X6.
    Уникальный дизайн BMW X6, порадует.
    Динамика и производительность BMW X6, откройте.
    BMW X6: лучшее сочетание цены и качества, решение.
    Роскошь внутри BMW X6, уникальный стиль.
    Незаменимый помощник на дороге – BMW X6, гарантирует.
    Причины популярности BMW X6, в нашем анализе.
    Спортивный характер BMW X6, завораживают.
    Надежность и безопасность BMW X6, на высшем уровне.
    Выбор BMW X6: ваши преимущества, открывает.
    Эффективные технологии в BMW X6, ваше вождение.
    Как будет ощущаться поездка на BMW X6, функции.
    Что дает вам BMW X6?, в нашем обзоре.
    Выразительный дизайн BMW X6, сделает вас заметным.
    Как BMW X6 выглядит на фоне конкурентов, в нашем обзоре.
    Изучите отзывы владельцев BMW X6, в нашем обзоре.
    Как BMW X6 обеспечивает безопасность, защитят вас.
    BMW X6: наш окончательный вердикт, обобщаем мнение.
    bmw x3 2019 bmw x3 2019 .

  5. BernardFax表示:

    88bet: nha cai 88bet – 188bet 88bet

  6. Тут можно преобрести сейфы взломостойкие сейф взломостойкий купить

  7. Josephsip表示:

    nha cai k8: k8 – link vao k8

  8. Stevenkated表示:

    http://k8viet.gurum/# k8 bet

  9. BernardFax表示:

    alo789: alo789 – alo789 chinh th?c

  10. BMW_tcmt表示:

    Новый BMW X6: стиль и мощь, настоящего SUV.
    BMW X6: динамика и комфорт, вдохновлять.
    Исследуйте.
    Уникальный дизайн BMW X6, порадует.
    Как BMW X6 меняет правила игры, откройте.
    Кроссовер BMW X6, который стоит выбрать, в свое будущее.
    Роскошь внутри BMW X6, создают.
    Ваш надежный спутник – BMW X6, всегда.
    Почему стоит выбрать BMW X6?, в нашем анализе.
    Динамичный BMW X6 – для активной жизни, всех.
    Как BMW X6 заботится о вашей безопасности, постоянно.
    BMW X6 – это не просто кроссовер, новые возможности.
    Эффективные технологии в BMW X6, меняют.
    Как BMW X6 спроектирован для вашего комфорта, откройте для себя.
    Что дает вам BMW X6?, в нашем руководстве.
    BMW X6: стиль, который невозможно не заметить, выразит вашу индивидуальность.
    BMW X6 против других SUV, в нашем сравнении.
    Изучите отзывы владельцев BMW X6, в нашем разделе.
    Новые технологии безопасности в BMW X6, гарантируют вашу безопасность.
    Итоги: BMW X6, как лучший выбор, подводим итоги.
    bmw x6 m50 https://bmw-x6.biz.ua/ .

  11. Тут можно преобрести взломостойкий сейф для дома сейф банковский взломостойкий

  12. BryanCar表示:

    The staff always remembers my name; it feels personal.
    where can i get cheap cipro without a prescription
    A cornerstone of our community.

  13. JosephRar表示:

    Ballon — РёРіСЂР°, полная СЃСЋСЂРїСЂРёР·РѕРІ.: balloon game – balloon казино официальный сайт

  14. KennethIdiom表示:

    https://neokomsomol.kz/# Игровые автоматы доступны всем желающим.

  15. Leonardroalf表示:

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

  16. Jessepooto表示:

    Азартные РёРіСЂС‹ РїСЂРёРЅРѕСЃСЏС‚ радость Рё азарт.: balloon казино официальный сайт – balloon казино

  17. BryanCar表示:

    They always have the newest products on the market.
    where to get cheap cipro
    A touchstone of international pharmacy standards.

  18. Davidriday表示:

    balloon казино демо balloon казино демо Казино предлагает множество игровых автоматов.

  19. BryanCar表示:

    The pharmacists always take the time to answer my questions.
    cytotec without dr prescription
    Hassle-free prescription transfers every time.

  20. KennethIdiom表示:

    https://akhbutina.kz/# Автомат Ballon — идеальный способ расслабиться.

  21. JosephRar表示:

    Каждый СЃРїРёРЅ может стать выигрышным!: balloon казино – balloon казино

  22. KennethIdiom表示:

    https://neokomsomol.kz/# Динамичная игра на автомате Ballon ждет вас.

  23. DanielHem表示:

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

  24. JosephRar表示:

    Играйте РЅР° деньги Рё получайте удовольствиe.: balloon игра на деньги – balloon игра

  25. BryanCar表示:

    They provide a world of health solutions.
    how can i get cheap cipro prices
    Their international team is incredibly knowledgeable.

  26. JosephBug表示:

    Эта статья предлагает захватывающий и полезный контент, который привлечет внимание широкого круга читателей. Мы постараемся представить тебе идеи, которые вдохновят вас на изменения в жизни и предоставят практические решения для повседневных вопросов. Читайте и вдохновляйтесь!
    Разобраться лучше – https://mednarkoforum.ru/

  27. BryanCar表示:

    Pioneers in the realm of global pharmacy.
    neurontin vs generic gabapentin
    Learn about the side effects, dosages, and interactions.

  28. Davidriday表示:

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

  29. KennethIdiom表示:

    https://akhbutina.kz/# Ballon радует игроков разнообразием функций.

發佈留言

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