利用GreenSock Tweening Platform製作動畫

因為馬老師剛開始利用程式製作補間動畫的Class是Tweener,所以前面介紹了很多篇這方面的文章,但當然這方面的Class不是只有Tweener而已,所以接下來介紹一個目前發展起來比Tweener還要棒很多的Class,它是由GreenSock研發的Tweening Platform(補間平台),其中包含了:「TweenNano」、「TweenLite」、「TweenMax」、「TimelineLite」、「TimelineMax」。

為什麼說他發展得比較好呢?除了Tweener能做到的幾乎它都可以以外,也因為Tweener已經停止開發,所以未來將不會有新增的功能,但TweenMax還在不斷的更新中,在官網還有以下的比較案例:

各種補間動畫 速度測試

從上面的案例可以看出來利用GreenSock所研發的Tweening Platform的執行效能會比其他的好(FPS越高越好),所以接下來就來看看GreenSock Tweening Platform的簡介。

TweenNano、TweenLite與TweenMax算是同樣功能,但在製作後檔案容量是TweenNano<TweenLite<TweenMax,也就是說利用TweenNano所製作出來的動畫容量是最小的,舉個例來說,像這樣的動畫效果,TweenNano製作後swf大小為:5KB、TweenLite:8KB、TweenMax:21KB,不過在功能上面也是TweenNano<TweenLite<TweenMax,也就是說TweenMax可以掌控的效果比較多,也更具有彈性,例如:TweenNano就沒有辦法執行:pause()、play()、restart()…等,而TweenLite沒辦法執行:貝茲曲線運動、濾鏡…等,所以要用哪個版本的Tween,端看想要製作的動畫效果來考量,官方也有針對此三者製作比較表供大家參考。

另外TimelineLite和TimelineMax算是同樣功能,但看到後面的英文單字應該可以了解與上述具有相同的關聯,而這方面的Class是可以掌握時間軸上面的變化,在Tweener中,我們只能用Delay來控制動畫先後順序,而在GreenSock所研發的Tweening Platform中則可以利用TimlinelineLite或TimelineMax來處理。

馬上來介紹有關這個Class的一些使用方式,與Tweener一樣的是必須先下載備用載點),然後在需要使用的Flash檔案中import該Class,下載解壓後會有以下的資料夾:

  • badges:GreenSock圖標。
  • com:主要Class資料夾。
  • demo_swfs:裡面有很多swf的展示,對於想要了解本Class非常有幫助。
  • docs:參考文件。

在import時,看你想要使用的Class來import,例如需要使用TweenNano則:

import com.greensock.TweenNano;

若需同時使用TweenLite和TweenMax則:

import com.greensock.TweenLite;
import com.greensock.TweenMax;

想偷懶,則:(別擔心,Flash只會內嵌有使用到的部分)

import com.greensock.*;

至於製作補間的程式碼,其實官方就有製作swf來給大家參考,這邊也把官方的範例放進來給大家參考:

基礎動畫製作 範例檔

上面的案例可以讓你測試動畫效果,下方也會產生該段動畫的程式碼供你使用,實在是非常方便。另外關於Tween的語法也可以改成下面這種版本:

TweenLite.from(mc, 1.5, {y:0, alpha:0});

一個是告訴動畫要去哪,另一個是告訴動畫要從哪開始變化,關於Tweener可以使用的delay、onComplete、onStart、onUpdate…等,這個Class也都可以使用,例如:

TweenLite.to(mc, 1.5, {x:100, ease:Elastic.easeOut, delay:1, onComplete:okFn});
function okFn() {
    trace("動畫執行完畢");
}

這個Class還有很多特別的動畫效果,例如:濾鏡、短距離旋轉、貝茲曲線、聲音、色彩變換…等,大家也可以參考官方製作的swf來參考動畫效果與取得程式碼:

特殊動畫效果 範例圖

在動畫控制上面可以使用如下的程式碼來控制動畫:

var myTween:TweenLite = new TweenLite(mc, 1, {x:100, y:100});

myTween.pause();
//暫停動畫播放

myTween.resume();
//恢復動畫播放

myTween.reverse();
//反向播放

myTween.play();
//播放動畫

myTween.restart();
//重播動畫

myTween.invalidate();
//移除補間並使元件恢復原始狀態

myTween.kill();
//清除補間動畫

TweenLite.killTweensOf(mc);
//清除所有物件之補間動畫

以上是有關GreenSock Tweening的介紹,接下來介紹有關TimelineLite與TimelingMax的部分。

就像上面有提到在Tweener中我們如果希望三個元件在不同的時間點開始移動,就只能使用delay或是另外寫程式來控制,現在我們可以使用Timeline相關的Class來完成這樣的任務,甚至還可以讓時間軸倒著播放也沒問題,以下就是有關TimelineLite的官方範例:

TimelineLite 範例檔

另外是TimelineMax的範例檔,供大家參考:

TimelineMax 範例檔

以上就是針對GreenSock Tweening Platform大致的介紹,建議有空可以前往官網鑽研更多其他的功能,另外其實GreenSock另外還有TransformManagerLoaderMax,各位也可以先參考官網文章或是未來再跟大家分享我的使用心得。

註:本範例所使用的範例版權屬於GreenSock公司所有。

You may also like...

19,109 Responses

  1. AndreDib表示:

    canadian pharmacy 1 internet online drugstore https://canadianmdpharm.com/# canadian drug pharmacy
    india pharmacy

  2. LarryReupt表示:

    Mexican Easy Pharm Mexican Easy Pharm Mexican Easy Pharm

  3. Very good article post.Thanks Again. Will read on…

  4. BrianCig表示:

    Все сезоны и серии Однажды в сказке, в хорошем качестве на odnazhdy-v-skazke-online.ru/

    https://odnazhdy-v-skazke-online.ru/

  5. сравнение процессоров intel http://www.topcpu.ru .

  6. CurtisBam表示:

    canadianpharmacyworld com: Canadian Md Pharm – canada drugs online

  7. Brandonnot表示:

    Online pharmacy: Indian Cert Pharm – indian pharmacy

  8. рейтинг игровых процессоров https://www.topcpu.ru .

  9. Лучшие советы по выбору металлической входной двери, которая прослужит долгие годы.
    Лучшие магазины с широким выбором входных металлических дверей.
    Как не ошибиться с выбором входной металлической двери.
    5 основных причин купить металлическую входную дверь.
    двери входные металлические москва двери входные металлические москва .

    Как выбрать между дверью одного бренда и дверью другого.

  10. выведение из запоя на дому круглосуточно выведение из запоя на дому круглосуточно .

  11. CurtisBam表示:

    Indian pharmacy international shipping: Indian pharmacy international shipping – Indian pharmacy international shipping

  12. Csnwup表示:

    buy isotretinoin cheap – isotretinoin 40mg uk order zyvox 600mg pill

  13. рейтинг процессоров amd https://www.topcpu.ru .

  14. вывод из запоя в стационаре [url=https://vyvod-iz-zapoya-v-stacionare-voronezh22.ru/]вывод из запоя в стационаре[/url] .

  15. капельница наркология 24 [url=http://vyvod-iz-zapoya-nizhnij-novgorod13.ru/]http://vyvod-iz-zapoya-nizhnij-novgorod13.ru/[/url] .

  16. There is definately a lot to find out about this topic. I really like all of the points you have made.

  17. Brandonnot表示:

    legitimate canadian mail order pharmacy: vipps approved canadian online pharmacy – canadian neighbor pharmacy

  18. рейтинги производительности процессоров [url=http://topcpu.ru]рейтинги производительности процессоров[/url] .

  19. AndreDib表示:

    canadian pharmacy tampa https://indiancertpharm.shop/# Indian Cert Pharm
    reputable indian pharmacies

  20. These designs make the bride stunning and perfect for the occasion of the marriage.

  21. сравнение процессоров intel https://topcpu.ru .

  22. Really appreciate you sharing this blog article.Thanks Again. Will read on…

  23. AndreDib表示:

    online pharmacy canada https://indiancertpharm.com/# pharmacy website india
    reputable indian pharmacies

  24. Как выбрать идеальную входную металлическую дверь, идеально впишется в интерьер.
    Места, где можно приобрести качественную входную металлическую дверь.
    Как не ошибиться с выбором входной металлической двери.
    5 основных причин купить металлическую входную дверь.
    двери входные металлические москва дверь входная металлическая купить .

    Сравнение входных металлических дверей различных брендов.

  25. RogerMup表示:

    Для начала заходим на площадку:

    Заходим на оригинальную ссылку:

    Ссылка https://bs1site.at

    ССЫЛКА TOR: blackpxl62pgt3ukyuifbg2mam3i4kkegdydlbbojdq4ij4pqm2opmyd.onion

    Официальный сайт Blacksprut

    БлекСпрут официальная ссылка

    Как зайти на даркнет маркетплейс БлекСпрут

    Введение

    В этой статье мы подробно расскажем, как зайти на даркнет маркетплейс БлекСпрут. Вы узнаете, как использовать официальные зеркала BlackSprut, ссылки на сайт БлекСпрут и способы безопасного доступа через ТОР и VPN. БлекСпрут является одним из наиболее популярных даркнет маркетплейсов, и доступ к нему требует определенных знаний и мер предосторожности.

    Что такое БлекСпрут?

    БлекСпрут (BlackSprut) – это даркнет маркетплейс, предлагающий широкий ассортимент товаров и услуг. Из-за своей природы и содержания доступ к БлекСпрут осуществляется через сети типа onion, обеспечивающие анонимность пользователей.

    Как зайти на БлекСпрут: шаги и инструкции

    Шаг 1: Установка ТОР браузера

    Первым шагом для доступа к БлекСпрут через ТОР является установка ТОР браузера. Это специализированный браузер, который позволяет анонимно заходить на сайты в onion-сети.

    Скачайте ТОР браузер с официального сайта Tor Project.

    Установите браузер на ваш компьютер или мобильное устройство.

    Запустите ТОР браузер.

    Шаг 2: Использование официального зеркала BlackSprut

    Для доступа к БлекСпрут важно использовать только проверенные и официальные ссылки. Официальное зеркало BlackSprut гарантирует безопасный доступ и защиту от фишинговых сайтов.

    Официальная ссылка на БлекСпрут будет иметь формат.onion. Например, ссылка на сайт БлекСпрут может выглядеть так:

    Зеркала сайта БлекСпрут обеспечивают резервный доступ в случае блокировки основного сайта. Например, зеркало БлекСпрут через ТОР:

    Шаг 3: Подключение через VPN

    Для дополнительной безопасности рекомендуется использовать VPN.

    Выберите надежный VPN сервис.

    Подключитесь к VPN перед запуском ТОР браузера.

    Откройте ТОР браузер и введите официальный адрес БлекСпрут.

    Шаг 4: Безопасный доступ к БлекСпрут через onion

    Когда вы используете ТОР браузер и официальное зеркало БлекСпрут, важно следовать мерам предосторожности:

    Проверяйте URL на наличие ошибок и подлинности.

    Используйте VPN для дополнительной защиты.

    Не вводите личные данные на подозрительных сайтах.

    Часто задаваемые вопросы

    Как получить доступ к БлекСпрут через onion?

    Для доступа к БлекСпрут через onion сеть необходимо использовать ТОР браузер и официальные ссылки на сайт БлекСпрут. Подключение через VPN также рекомендуется для защиты вашей анонимности.

    Как зайти на BlackSprut безопасно?

    Чтобы безопасно зайти на BlackSprut, используйте ТОР браузер, подключайтесь через VPN, и проверяйте официальные зеркала сайта БлекСпрут. Никогда не переходите по подозрительным ссылкам.

    Что такое зеркало БлекСпрут?

    Зеркало БлекСпрут – это альтернативный адрес сайта, используемый для обеспечения доступа в случае блокировки основного сайта. Зеркало BlackSprut через ТОР помогает пользователям получить доступ к маркетплейсу, сохраняя их анонимность.

    Теперь вы знаете, как зайти на даркнет маркетплейс БлекСпрут, используя официальные зеркала и ссылки. Следуйте этим инструкциям и соблюдайте меры предосторожности, чтобы обеспечить свою безопасность в даркнете. Официальный сайт BlackSprut и его зеркала через ТОР и VPN помогут вам получить доступ к БлекСпрут, оставаясь анонимным и защищенным.

    blacksprutblack sprutссылки бсссылки в бс 2024ссылка на блекспрутрабочая ссылка блекспрутссылки тор блекспрутблекспрут актуальная ссылкаблекспрут ссылка bs0bestтор блекспрутссылки тор блекспрутблекспрут сайтблекспрут официальный сайтблекспрут входкак зайти на блекспруткак зайти на блэкспрутблэкспрут входблэкспрут ссылкаблэкспрут онионблэкспрут даркнетблэкспрут даркнетблэкспрут blacksprut даркнет обзор анонимной даркнет площадкиbs как зайтиbs at как зайти на сайтbs входbs ссылкаblacksprut darknetblacksprutblacksprut зеркалаblacksprut ссылкаblacksprut сайтзеркала blacksprut rusffкак зайти на blacksprutblacksprut официальныйblacksprut com зеркалоblacksprut зеркала онион2fa blacksprutрабочая blacksprutкод blackspruthttps blacksprutкак зайти на blacksprut rusffофициальная ссылка на blacksprutblacksprut маркетплейсрабочее зеркало blacksprutкак зайти на сайт blacksprut2fa код blackspruthttp blacksprutblacksprut bs0best atblacksprut актуальныетор blacksprutblacksprut ссылка rusffbs2best at ссылка blacksprutblacksprut актуальная ссылкаtor blacksprutblacksprut com зеркало rusffhttps blacksprut ссылкаblacksprut зеркала онион rusffblacksprut площадкиbs1site at ссылка blacksprutblacksprut netblacksprut входофициальная ссылка на blacksprut rusffblacksprut blacksprut clickblacksprut bs0tor atblacksprut официальный сайтblacksprut ссылка торкак зайти на сайт blacksprut rusffblacksprut https bs1site atblacksprut http bs0best athttp blacksprut ссылкааккаунты blacksprutрабочее зеркало blacksprut rusffhttps bs2site at ссылка blacksprutbs0best at ссылка blacksprut http bs2best atblacksprut 2blacksprut ссылка blacksprut darknetофициальная ссылка на blacksprutblacksprut ссылка rusffbs0best at ссылка blacksprutblacksprut актуальная ссылкаhttps blacksprut ссылкаbs1site at ссылка blacksprutофициальная ссылка на blacksprut rusffhttp blacksprut ссылкаhttps bs1site at ссылка blacksprutbs0best at ссылка blacksprut http bs0best atblacksprut ссылка tortor blacksprutblacksprut ссылка torblacksprut ссылка tor bs2tor nltor blacksprut rusffblacksprut зеркала torsprutblack sprut

  26. рейтинг процессоров для игр https://www.topcpu.ru .

發佈留言

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