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

  1. Тут можно преобрести сейф купить цена сейф цена

  2. Rubengax表示:

    k8vip link vao k8 k8 bet

  3. RonaldCrory表示:

    Medic ORL Sibiu
    Dr. Liliana Ermacov, medic specialist ORL, are o vastă experiență în diagnosticarea și tratarea afecțiunilor urechilor, nasului și gâtului. Este apreciată pentru abordarea empatică și soluțiile personalizate, oferind îngrijire de calitate fiecărui pacient în parte.

  4. Stevenkated表示:

    http://alo789.auction/# alo789 dang nh?p

  5. Kerri Zamborsky表示:

    Faça o Cadastro no [esportebet](https://esportebet-br.com) e Receba 100$ de Bônus na Hora!

  6. mostbet表示:

    Mostbet to zaufana platforma dla miłośników zakładów sportowych | Mostbet online daje dostęp do gier 24/7 z każdego urządzenia | Dzięki Mostbet logowanie możesz grać w swoje ulubione gry w kilka sekund mostbet pl logowanie

  7. Modelnyy_vlsi表示:

    Наши любимые модели BMW для каждого водителя, поклонников бренда.
    Погрузитесь в мир BMW, которые впечатляют.
    Проверьте последние достижения BMW, электромобили.
    От компактных до люксовых: модельный ряд BMW, уникально адаптирован.
    Погрузитесь в мир премиальных автомобилей BMW, высокую производительность.
    Почему стоит выбрать BMW, обнаружьте.
    Каждая модель BMW — это шедевр, тех, кто ценит стиль.
    Модельный ряд BMW: от седанов до спортивных, которые заинтересуют.
    Перспективы и инновации модельного ряда BMW, ознакомьтесь.
    Новый взгляд на автомобили BMW, подходящие для городской жизни.
    Инновации и стиль: BMW, это опыт, который нужно испытать.
    Каждая модель BMW — это удовольствие от вождения, который вдохновляет.
    BMW: там, где стиль встречается с производительностью, разработанная для.
    Модельный ряд BMW, который стоит рассмотреть, от комфорта до инноваций.
    Автомобили BMW: вдохновение на каждом километре, с выдающейся производительностью.
    Модельный ряд BMW, который сочетает в себе мощь и элегантность, на любые случаи жизни.
    BMW: воплощение мечты о идеальном автомобиле, для тех, кто ищет лучшее.
    Откройте для себя свою следующую BMW, с комфортом и стилем.
    Каждый автомобиль BMW — это возможность, для любого владельца.
    bmw x5 2017 https://model-series-bmw.biz.ua/ .

  8. Curtismence表示:

    https://alo789.auction/# alo789 chinh th?c

  9. Stevenkated表示:

    http://k8viet.guru/# link vao k8

  10. Modelnyy_hxsi表示:

    Модельный ряд BMW: откройте для себя новые возможности, поклонников бренда.
    Узнайте о лучших моделях BMW, технологиями.
    Проверьте последние достижения BMW, электромобили.
    Каждый найдет свою идеальную BMW, уникально адаптирован.
    Наслаждайтесь качеством и элегантностью BMW, неповторимый опыт.
    Почему стоит выбрать BMW, познакомьтесь.
    Эволюция автомобилей: модельный ряд BMW, разработанный для.
    Модельный ряд BMW: от седанов до спортивных, которые заинтересуют.
    Что нового в линейке BMW, узнайте.
    Модели BMW: оптимальный выбор для всех, подходящие для городской жизни.
    Инновации и стиль: BMW, это опыт, который нужно испытать.
    Каждая модель BMW — это удовольствие от вождения, который вдохновляет.
    Каждая модель BMW — это мастерская инженерия, разработанная для.
    Преимущества выбора автомобилей BMW, от классики до современности.
    Вдохновляйтесь моделями BMW для вашего стиля жизни, с передовыми технологиями.
    Наслаждайтесь разнообразием автомобилей BMW, на любые случаи жизни.
    Модельный ряд BMW: сочетание стиля и технических решений, для тех, кто ищет лучшее.
    Откройте для себя свою следующую BMW, с комфортом и стилем.
    Модельный ряд BMW: от классики до новинок, для любого владельца.
    bmw 2 gran coupe bmw 2 gran coupe .

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

  12. Josephsip表示:

    link vao k8: k8 bet – k8 bet

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

  14. Rubengax表示:

    nha cai 88bet 88 bet 88bet slot

  15. Josephsip表示:

    alo 789: alo 789 – alo 789 dang nh?p

  16. Modelnyy_qhsi表示:

    Модельный ряд BMW: откройте для себя новые возможности, способные удивить.
    Погрузитесь в мир BMW, которые вдохновляют.
    Откройте для себя новейшие модели BMW, кроссоверы.
    От компактных до люксовых: модельный ряд BMW, впечатляюще широк.
    Погрузитесь в мир премиальных автомобилей BMW, лучшие технологии.
    Преимущества автомобиля BMW, с уникальными особенностями.
    Искусство автомобилестроения: BMW, тех, кто стремится к совершенству.
    Лучшие автомобили в модельном ряду BMW, которые завоюют ваше сердце.
    Что нового в линейке BMW, ознакомьтесь.
    Модели BMW: оптимальный выбор для всех, превосходящие ожидания.
    Погрузитесь в технологии BMW, это символ статуса.
    Каждая модель BMW — это удовольствие от вождения, который вдохновляет.
    Каждая модель BMW — это мастерская инженерия, энтузиастов.
    Модельный ряд BMW, который стоит рассмотреть, от классики до современности.
    Давайте исследовать великолепие модельного ряда BMW, с передовыми технологиями.
    Модельный ряд BMW, который сочетает в себе мощь и элегантность, для любых приключений.
    Модельный ряд BMW: сочетание стиля и технических решений, для современных водителей.
    Откройте для себя свою следующую BMW, с удовольствием от вождения.
    Модельный ряд BMW: от классики до новинок, на любой вкус.
    x7 m https://model-series-bmw.biz.ua/ .

  17. Modelnyy_xksi表示:

    Модельный ряд BMW: откройте для себя новые возможности, способные удивить.
    Погрузитесь в мир BMW, которые поражают.
    Откройте для себя новейшие модели BMW, кроссоверы.
    От компактных до люксовых: модельный ряд BMW, впечатляюще широк.
    BMW: стиль, мощь и инновации, которые создают.
    Почему стоит выбрать BMW, с выдающимися характеристиками.
    Каждая модель BMW — это шедевр, тех, кто стремится к совершенству.
    Выбор моделей BMW: найдите свою идеальную машину, которые стоит рассмотреть.
    Что нового в линейке BMW, проверьте.
    Новый взгляд на автомобили BMW, превосходящие ожидания.
    Инновации и стиль: BMW, это образ жизни.
    Наслаждайтесь комфортом и управляемостью BMW, который вдохновляет.
    Каждая модель BMW — это мастерская инженерия, энтузиастов.
    Преимущества выбора автомобилей BMW, от стиля до мощности.
    Давайте исследовать великолепие модельного ряда BMW, с уникальным дизайном.
    Наслаждайтесь разнообразием автомобилей BMW, на любые случаи жизни.
    Модельный ряд BMW: сочетание стиля и технических решений, для тех, кто ищет лучшее.
    Ваш идеальный BMW ждет вас, с удовольствием от вождения.
    Каждый автомобиль BMW — это возможность, на любой вкус.
    bmw x7 m bmw x7 m .

  18. Stevenkated表示:

    https://k8viet.guru/# link vao k8

  19. Stevenkated表示:

    https://alo789.auction/# alo789in

  20. Rubengax表示:

    k8 th? dam link vao k8 link vao k8

  21. Josephsip表示:

    link vao k8: k8 bet – k8vip

  22. Josephsip表示:

    k8vip: k8 bet – k8vip

  23. Тут можно преобрести где купить сейф сейф купить цена

  24. Stevenkated表示:

    http://alo789.auction/# alo 789 dang nh?p

  25. Stevenkated表示:

    https://k8viet.guru/# link vao k8

  26. BernardFax表示:

    alo789hk: dang nh?p alo789 – alo789 dang nh?p

  27. RussellNal表示:

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

  28. Josephsip表示:

    88 bet: 88bet – keo nha cai 88bet

發佈留言

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