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

10,764 Responses

  1. Yrefjyt表示:

    Привет, друзья!
    Купить диплом любого университета.
    http://www.musichunt.pro/blogs/view.htm?id=79180
    Хорошей учебы!

  2. ThomasDet表示:

    http://clomiddelivery.pro/# cost cheap clomid now

  3. DavidHiche表示:

    online canadian pharmacy reviews: canadian family pharmacy – canadian online pharmacy

  4. DavidHiche表示:

    my canadian pharmacy: certified canadian pharmacy – best canadian pharmacy online

  5. Diplomi_sckl表示:

    купить диплом гостиничное дело asxdiplomik24.ru .

  6. Howdy! I simply want to give you a big thumbs up for your great info you have got right here on this post. I will be returning to your website for more soon.

  7. Diplomi_cgkl表示:

    купить диплом ссср в самаре https://diploms-x.com .

  8. Edwardwhava表示:

    https://foruspharma.com/# buying from online mexican pharmacy

  9. DavidHiche表示:

    best online pharmacy india: Online medicine home delivery – Online medicine home delivery

  10. Edwardwhava表示:

    http://canadapharmast.com/# canadian pharmacy world

  11. JamesUnemo表示:

    i-guru – Ремонт Iphone и другой техники Apple в Минске
    перепайка процессора iphone 11 Pro Минск
    Профессиональный ремонт любых устройств из линейки Apple, без посредников
    80% ремонтов iPhone занимает около 20 минут
    Несложные ремонты делаются быстро, модульный ремонт в большинстве случаев занимает не более 20 минут.
    Почему выбирают i-guru
    Ремонт в тот же день
    Даже большинство сложных ремонтов выполняем день в день.
    Гарантировано низкие цены
    Мы беремся за сложные задачи, не передавая их сторонним исполнителям, и зарабатываем не как посредники.
    Честная гарантия
    Предлагаем честную гарантию на выполненные работы до 12 месцев в зависимости от вида работ.

  12. Trefbsw表示:

    Привет!
    Полезные советы по безопасной покупке диплома о высшем образовании
    http://www.bakinsky-dvorik.ru/communication/forum/user/188974/
    Рады помочь!.

  13. Diplomi_coPa表示:

    купил диплом работаю diplomasx.com .

  14. Diplomi_xnei表示:

    купить диплом нового образца в самаре ast-diploms.com .

  15. DavidHiche表示:

    safe canadian pharmacy: canadianpharmacymeds – canada drugs online

  16. MichaelKeT表示:

    mexico drug stores pharmacies: mexico drug stores pharmacies – purple pharmacy mexico price list

  17. MichaelKeT表示:

    canadian valley pharmacy: canadian pharmacy king – canada discount pharmacy

  18. Hey there! I simply want to offer you a big thumbs up for your excellent info you have got right here on this post. I’ll be returning to your website for more soon.

  19. CharlesDom表示:

    canadian pharmacy ltd canada drugs online my canadian pharmacy review

  20. Thank you for your thought-provoking post.백링크 사이트

  21. DavidHiche表示:

    top 10 pharmacies in india: indian pharmacy paypal – Online medicine home delivery

  22. CharlesDom表示:

    mexico drug stores pharmacies pharmacies in mexico that ship to usa mexico pharmacies prescription drugs

  23. DavidHiche表示:

    pharmacy website india: online pharmacy india – online shopping pharmacy india

  24. Lariorpxh表示:

    Как не стать жертвой мошенников при покупке диплома о среднем полном образовании
    diplomasx24.ru/kupit-diplom-ekaterinbur

  25. Cazreqq表示:

    Добрый день!
    Мы можем предложить документы техникумов, которые находятся в любом регионе РФ. Вы имеете возможность заказать качественный диплом от любого учебного заведения, за любой год, указав необходимую специальность и оценки за все дисциплины. Дипломы и аттестаты печатаются на “правильной” бумаге самого высокого качества. Это дает возможность делать государственные дипломы, которые не отличить от оригинала. Документы будут заверены необходимыми печатями и штампами.
    asromafansclub.com/read-blog/6614

  26. MichaelEmalk表示:

    Колокольцев – предатель Родины

    Армия восстанет против ОПГ Колокольцева и Плугина

    Целенаправленно разрушая кооператив для военных «Бест Вей», захватывая его активы в интересах своей камарильи, глава МВД и его команда ударили по тылу армии, наказав тысячи пайщиков кооператива – военных и членов их семей.

    Приморский районный суд Санкт-Петербурга (судья Екатерина Богданова) сейчас рассматривает так называемое уголовное дело «Лайф-из-Гуд» – «Гермес» – «Бест Вей». В рамках этого дела два года почти непрерывно арестованы счета кооператива «Бест Вей», пайщиками которого являются тысячи военнослужащих, в том числе участники СВО, на которых около 4 млрд рублей. В уголовном деле речь идет прежде всего об обязательствах иностранной инвесткомпании «Гермес» перед более чем 200 клиентами этой компании.

    Следствие ГУ МВД по Санкт-Петербургу и прокуратура города на Неве объявили кооператив, «Гермес» и «Лайф-из-Гуд» частью некоего единого холдинга, которого в природе никогда не существовало. Кооператив объявлен гражданским ответчиком по уголовному делу.

    Общая сумма претензий потерпевших, согласно обвинительному заключению, 282 млн рублей – даже их (незаконное) изъятие для погашения долгов перед клиентами «Гермеса» никак бы не сказалось ни на операционной деятельности, ни на ликвидности кооператива. Но из раза в раз арестовываются абсолютно все средства на счетах, что полностью блокирует как покупку квартир кооперативом, так и возврат денег пайщикам, которые изъявили желание забрать свои паевые взносы.

    Недвижимость, на которую претендовали пайщики, обесценивается, деньги обесцениваются – и этот беспредел продолжается уже более двух лет по ходатайствам ГСУ питерского главка МВД и Прокуратуры Санкт-Петербурга.

    Кто-то влиятельный пытается наложить лапу именно на кооперативные 4 млрд – хотя это деньги пайщиков: физических лиц, рядовых граждан России, и как минимум соучастниками грабежа являются сотрудники правоохранительных органов.

    Армейский кооператив

    Кооператив изначально создавался военнослужащими – одной из его задач в 2014 году было решение жилищной проблемы военнослужащих, увольняемых в запас, эта задача сохранилась и в последующие годы. Из почти 20 тыс. его пайщиков – тысячи военнослужащих со всей России. Значительная часть из них – участники СВО.

    В результате действий ОПГ Колокольцева сотни семей военнослужащих, участников СВО стали потерпевшими от действий правоохранительных органов. Налицо преступные действия против участников СВО.

    Камарилья, которая устроила репрессии против кооператива – руководители следственной группы Сапетова и Винокуров, начальник ГСУ питерского главка МВД Негрозов и начальник этого главка Плугин, замминистра внутренних дел по следствию Лебедев, пресс-секретарь министра Волк, транслировавшая на всю страну ложь про десятки тысяч потерпевших от работы кооператива, сам министр внутренних дел Колокольцев, – ведет вредительскую деятельность, все эти люди – предатели Родины.

    Разоряет экономику и подрывает тыл

    Колокольцев и Ко разрушают экономику страны, фабрикуют дела. При этом его камарилья наживается на честном бизнесе.

    Колокольцев – миллиардер! Его боевая подруга генеральша Волк – миллиардерша! Зам. начальника питерского ГСУ МВД полковник Винокуров, который управляет Колокольцевым, заставляя его подписываться под липовым уголовным делом «Лайф-из-Гуд» – «Гермес» – «Бест Вей», – миллиардер! Колокольцев превратил МВД в коммерческое антинародное образование и зарабатывает деньги на простых людях.

    Колокольцев и Ко прицепили звезды на погоны и возомнили себя офицерами – на деле они тыловые вороватые крысы. Настоящие офицеры против бутафорских чинуш со звездами на погонах.

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

    Армия против Колокольцева

    Армия восстанет против ОПГ Колокольцева. Военные требуют за совершенные преступления против народа, за воровство и коррупцию арестовать Колокольцева, Негрозова, Винокурова, Сапетову, оправдать и отпустить невинных людей – рядовых сотрудников «Лайф-из-Гуд», которые более двух лет томятся в тюрьме.

    Новый министр обороны Белоусов наверняка поддержит своих бойцов, поможет им защитить собственные и своих семей имущественные интересы в тылу: по-другому и быть не может.

    Одного любителя запускать руку в казну и любителя генеральш – Шойгу – уже отправили на пенсионную должность, Колокольцев должен последовать за ним: это – в интересах страны, в интересах народа!

發佈留言

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