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

    Apoteket online apotek online apotek online

  2. Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
    Мы предлагаем:сервис центры бытовой техники москва
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  3. 1win_iuKl表示:

    1вин официальный сайт вход https://www.1win6001.ru .

  4. This is a great article!

  5. RobertAffor表示:

    аренда строительной техники

    Услуги по аренде техники и перевозке грузов от СК МИТ

    Находясь в Москве на Озерковском переулке, 12, компания организует комплексные решения для задач строительства и перевозок. Возможность быстро откликаться на заявки обеспечивается парком более 150 единиц техники, каждая из которых проходит плановое техническое обслуживание.

    Особенности предоставления услуг:

    Оперативность:
    Доставка техники за 120 минут после подачи заявки
    Дежурные бригады механиков 24/7
    Наличие собственного парка эвакуаторов

    Рентабельность:
    Прозрачная система ценообразования без дополнительных сборов
    Программа лояльности с экономией до 20%
    Точечный учет времени эксплуатации

    Характеристики парка оборудования:

    Краны-манипуляторы:
    Грузоподъемность от 3 до 12 тонн
    Вылет стрелы максимум 22 метра
    Срок прибытия техники – 2 часа

    Многофункциональные экскаваторы:
    Возможность копания на глубину 6.5 метров
    Максимальная скорость движения 41 км/ч
    Вместимость ковша – 1.3 кубометра

    Перевозочные средства:
    Грузоподъемность от 0.5 до 20 тонн
    Грузовой объем в пределах 2-92 кубометров
    Многовариантная загрузка

    Главные особенности:
    Парк техники не старше 2021 года выпуска
    Комплексное документационное обеспечение
    Система работы с НДС и гибкие условия оплаты
    Полисы страхования на все виды услуг
    Собственный штат опытных водителей-операторов

    Польза от работы с нами:
    Сокращение времени простоя объектов на 40%
    Надежная работа всей техники
    Уменьшение расходов на 30% относительно собственного автопарка
    Полный комплект исполнительной документации

    Специалисты по логистике разрабатывают лучшие маршруты, с оформлением всех необходимых разрешений. Личный специалист отвечает за реализацию проекта.

  6. JesseDex表示:

    пинап казино: https://pinupkz.life/

  7. Masteryzq表示:

    Получить первую онлайн консультацию психолога чате. Получить первую онлайн консультацию психолога чате. Онлайн чат с психологом без регистрации.

  8. 1win_rpKl表示:

    1win официальный сайт регистрация 1win официальный сайт регистрация .

  9. Mirrorbfm表示:

    Помощь психолога онлайн. Психолог в телеграм. Круглосуточная запись на онлайн-консультацию психолога.

  10. This is a great article!

  11. JesseDex表示:

    пин ап зеркало: https://pinupkz.life/

  12. Wifeiww表示:

    Чат психологической поддержки. Психолог онлайн чат. Психолог в телеграм.

  13. RobertAffor表示:

    аренда строительной техники

    Аренда спецтехники и грузоперевозки от СК МИТ

    Находясь в Москве на Озерковском переулке, 12, компания организует полный спектр услуг для строительно-монтажных работ и транспортной логистики. Возможность быстро откликаться на заявки обеспечивается парком более 150 единиц техники, каждая из которых проходит плановое техническое обслуживание.

    Преимущества сотрудничества:

    Быстрота выполнения:
    Подача спецтехники в течение 2 часов после оформления заказа
    Круглосуточное дежурство ремонтных бригад
    Возможность доставки техники собственными эвакуаторами

    Экономическая эффективность:
    Четко установленные цены без праздничных надбавок
    Программа лояльности с экономией до 20%
    Гибкая система оплаты по минутам

    Параметры предлагаемой спецтехники:

    Автокраны:
    Возможность подъема грузов весом 3-12 тонн
    Максимальная длина манипуляторной стрелы – 22 метра
    Гарантированная доставка за 120 минут

    Экскаваторы-погрузчики:
    Максимальная глубина рытья 6.5 метров
    Возможность перемещения со скоростью 41 км/ч
    Объем ковша максимальный 1.3 м?

    Перевозочные средства:
    Грузоподъемность от 0.5 до 20 тонн
    Вместимость кузова 2-92 м?
    Возможность погрузки со всех сторон

    Основные достоинства:
    Только новая техника актуальных моделей
    Комплексное документационное обеспечение
    Налогообложение с учетом НДС и отсрочка платежа
    Полисы страхования на все виды услуг
    Собственный штат опытных водителей-операторов

    Польза от работы с нами:
    Уменьшение простоев строительства на 40%
    100% работоспособность техники
    Финансовая выгода 30% против содержания техники
    Детальная отчетность по всем операциям

    Профессиональная организация маршрутов, с обязательным учетом требований ГИБДД. Индивидуальный куратор ведет каждый заказ.

  14. Starqwz表示:

    Психолог оказывает помощь онлайн в чате. Чат с психологом в телеге. Анонимный чат с психологом телеграм.

  15. Williamuniot表示:

    пин ап зеркало – pinup 2025

  16. Risingopz表示:

    Чат с психологом в телеге. Психолог онлайн анонимно. Психолог в телеграм.

  17. Phoenixwwd表示:

    Чат психологической поддержки. Круглосуточная запись на онлайн-консультацию психолога. Онлайн-консультация психолога.

  18. Phoenixpxn表示:

    Психолог в телеграм. Дипломированный психолог с опытом работы и отзывами клиентов. Получите консультацию онлайн-психолога в чате прямо сейчас.

  19. This is a great article!

  20. Dwayneseisa表示:

    buy generic 100mg viagra online Generic100mgEasy Generic 100mg Easy

  21. Peopleuuj表示:

    Получите консультацию онлайн-психолога в чате прямо сейчас. Психолог оказывает помощь онлайн в чате. Психолог в телеграм.

  22. Samann表示:

    Психолог оказывает помощь онлайн в чате. Телеграм психолог. Получите консультацию онлайн-психолога в чате прямо сейчас.

  23. Moneyhko表示:

    Психолог t me. Психолог оказывает помощь онлайн в чате. Анонимный чат с психологом телеграм.

  24. JesseDex表示:

    пинап казино: https://pinupkz.life/

  25. JesseDex表示:

    pinup 2025: https://pinupkz.life/

  26. Williamuniot表示:

    пин ап – пин ап казино

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

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