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

20,989 Responses

  1. Mazrvgc表示:

    Мы изготавливаем дипломы любых профессий по приятным тарифам. Всегда стараемся поддерживать для покупателей адекватную политику цен. Для нас очень важно, чтобы дипломы были доступны для большинства наших граждан.
    Заказ документа, подтверждающего окончание института, – это грамотное решение. Купить диплом о высшем образовании: kupit-diplomyz24.com/kupit-vuz-diplom/

  2. DavidSooni表示:

    india pharmacy buy prescription drugs from india online shopping pharmacy india

  3. Waltonnix表示:

    indian pharmacy: UsaIndiaPharm – UsaIndiaPharm

  4. sklad_cjKi表示:

    хранение вещей на складе москва хранение вещей на складе москва .

  5. CarltonUnith表示:

    http://usaindiapharm.com/# UsaIndiaPharm

  6. Monnie Massoni表示:

    Instale o Aplicativo [betsul](https://betsul-br.com) e Transforme Sua Experiência de Jogo com Interface Otimizada e Rápida

  7. Jariorvxs表示:

    Где приобрести диплом специалиста?
    Наши специалисты предлагаютвыгодно и быстро купить диплом, который выполнен на оригинальной бумаге и заверен печатями, водяными знаками, подписями официальных лиц. Документ способен пройти любые проверки, даже при помощи профессиональных приборов. Решайте свои задачи быстро с нашими дипломами. Приобрести диплом ВУЗа! seaman.com.ua/forum/index.php?login/login

  8. FrankGlora表示:

    USA India Pharm: indian pharmacies safe – USA India Pharm

  9. Charleszem表示:

    компания клининговая клининг офиса цена

  10. Darrylges表示:

    прокат машин в крыму arenda avto krym1

  11. Stevencic表示:

    краснодарский край сочи прокат авто сервис аренды авто сочи

  12. Georgeunula表示:

    best online pharmacy india: UsaIndiaPharm – pharmacy website india

  13. Mazrenp表示:

    Где приобрести диплом по нужной специальности?
    Полученный диплом с необходимыми печатями и подписями 100% отвечает стандартам Министерства образования и науки, никто не сумеет отличить его от оригинала. Не следует откладывать собственные цели на потом, реализуйте их с нами – отправляйте быструю заявку на диплом сегодня! Приобрести диплом о среднем образовании – не проблема! bananowecuksy.phorum.pl/posting.phpmode=newtopic&f=1

  14. Tereasa Przybysz表示:

    Soluções Imediatas no [fezbet](https://www.fezbet-br.com): Atendimento ao Cliente Online 24 Horas!

  15. Elaine Trupp表示:

    At exclusive – https://exclusive-ph.com, we understand that a smooth gaming experience is essential for our users. That’s why our professional customer service team is available 24/7 to assist with any inquiries or issues. Whether you have a question about your account, withdrawals, or gaming options, we ensure a prompt resolution so you can continue enjoying your experience without interruption. No matter the time, we are always here to provide you with the best support!

  16. roxcasino表示:

    Бонусы за регистрацию — щедрые, особенно по промокоду. Есть поддержка 24/7, помогает моментально. Служба поддержки отвечает быстро и по делу. Лёгкая авторизация и верификация аккаунта. Rox — надёжный выбор для игроков. Зеркало на сегодня найдено без проблем. Постоянные турниры с большими призами. Rox — моё главное казино. Возможность играть с телефона casino-rox.ru.

  17. Waltonnix表示:

    india pharmacy: buy prescription drugs from india – india pharmacy

  18. Bee Haptonstall表示:

    Ganhe 100$ de Bônus ao Se Registrar no [rivalry](https://rivalry-br.com) – Faça Seu Cadastro!

  19. FrankGlora表示:

    UsaIndiaPharm: online shopping pharmacy india – UsaIndiaPharm

  20. DavidSooni表示:

    USA India Pharm indian pharmacy online USA India Pharm

  21. CarltonUnith表示:

    https://usaindiapharm.com/# USA India Pharm

  22. Sazrmtf表示:

    Заказать диплом института по доступной стоимости возможно, обратившись к проверенной специализированной фирме. Мы оказываем услуги по изготовлению и продаже документов об окончании любых ВУЗов РФ. Заказать диплом любого университета– diplomaj-v-tule.ru/pokupka-diplomov-s-reestrom-dlya-vashego-karernogo-rosta/

  23. Dora Madole表示:

    [brdice](https://brdice-br.com): Jogos Populares, Justos e Cheios de Oportunidades de Bônus

  24. Georgeunula表示:

    UsaIndiaPharm: USA India Pharm – cheapest online pharmacy india

  25. Cazrbze表示:

    Здравствуйте!
    Мы готовы предложить дипломы психологов, юристов, экономистов и других профессий по доступным ценам. Цена может зависеть от определенной специальности, года получения и ВУЗа: rdiplomm24.com/

  26. Claudine Kotcher表示:

    [f12bet](https://f12–bet.com) Garante Atendimento ao Cliente 24 Horas para Resolver Suas Questões Rapidamente!

  27. DavidSooni表示:

    USA India Pharm Online medicine home delivery USA India Pharm

  28. Mazrlzh表示:

    Мы готовы предложить дипломы любых профессий по выгодным тарифам. Всегда стараемся поддерживать для клиентов адекватную политику цен. Для нас важно, чтобы дипломы были доступны для подавляющей массы граждан.
    Покупка диплома, подтверждающего обучение в университете, – это выгодное решение. Заказать диплом о высшем образовании: diplomoz-197.com/gde-kupit-diplom-ob-okonchanii-kolledzha/

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

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