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

11,718 Responses

  1. StephenDeery表示:

    Доброго всем дня!
    купить диплом специалиста

    Желаю каждому положительных отметок!
    https://www.erotikanzeigen4u.de/author/geraldjarre/

    купить диплом института
    купить диплом о высшем образовании
    купить диплом

  2. [url=http://tadalafilstd.com/]tadalafil prescription cost[/url]

  3. sSdfffobelors表示:

    Привет всем!

    Бывало ли у вас такое, что приходилось писать дипломную работу в крайне сжатые сроки? Это действительно требует огромной ответственности и напряженных усилий, но важно не опускать руки и продолжать активно заниматься учебными процессами, как я.
    Для тех, кто умеет быстро находить и анализировать информацию в сети, это действительно помогает в процессе согласования и написания дипломной работы. Больше не нужно тратить время на посещение библиотек или устраивать встречи с дипломным руководителем. Здесь, на этом ресурсе, предоставлены надежные данные для заказа и написания дипломных и курсовых работ с гарантией качества и доставкой по всей России. Можете ознакомиться с предложениями на сайте , это проверено!
    http://wap.fortboyard2012forum.4adm.ru/viewtopic.php?f=27&t=4034
    купить диплом Гознак
    купить диплом ссср
    где купить диплом
    купить диплом в Москве
    купить диплом о среднем специальном

    Желаю любому пятерошных) оценок!

  4. Mykhjb表示:

    glyburide order online – pioglitazone 15mg cheap order dapagliflozin 10mg pills

  5. Larryzilex表示:

    PBN sites
    We shall establish a structure of private blog network sites!

    Advantages of our privately-owned blog network:

    We perform everything SO THAT google DOES NOT grasp that this A private blog network!!!

    1- We acquire domain names from separate registrars

    2- The leading site is hosted on a VPS hosting (Virtual Private Server is fast hosting)

    3- The rest of the sites are on separate hostings

    4- We assign a individual Google ID to each site with verification in Google Search Console.

    5- We create websites on WordPress, we do not utilise plugins with assisted by which malware penetrate and through which pages on your websites are generated.

    6- We do not reiterate templates and employ only exclusive text and pictures

    We never work with website design; the client, if wished, can then edit the websites to suit his wishes

  6. sSdfffobelors表示:

    Приветики!

    Было ли у вас опыт написания дипломной работы в крайне сжатые сроки? Это действительно требует огромной ответственности и трудоемкости, однако важно сохранять упорство и продолжать активно участвовать в учебном процессе, как я это делаю.
    Для тех, кто умеет эффективно искать и анализировать информацию в интернете, это действительно помогает в процессе согласования и написания дипломной работы. Больше не нужно тратить время на посещение библиотек или организацию встреч с научным руководителем. Здесь, на этом ресурсе, предоставлены надежные данные для заказа и написания дипломных и курсовых работ с гарантией качества и доставкой по всей России. Можете ознакомиться с предложениями по ссылке , это проверенный источник!
    https://nervivporyadke.ru/Voprosi/kupit-diplom-universiteta-pokupka-diploma-v-moskve-kak-bez-riska-i-s-soblyudeniem-pravil-poluchit-dokument-ob-obrazovanii
    купить диплом цена
    купить диплом Гознак
    купить диплом бакалавра
    купить аттестат
    купить диплом университета

    Желаю всем положительных оценок!

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

  8. sSdfffobelors表示:

    Здравствуйте!

    Бывало ли у вас такое, что приходилось писать дипломную работу в крайне ограниченные сроки? Это действительно требует огромной ответственности и напряженных усилий, но важно не опускать руки и продолжать активно заниматься учебными процессами, чем я и занимаюсь.
    Для тех, кто умеет искать и анализировать информацию в интернете, это действительно облегчает процесс согласования и написания дипломной работы. Не нужно тратить время на посещение библиотек или устраивать встречи с дипломным руководителем. Здесь, на этом ресурсе, предоставлены надежные данные для заказа и написания дипломных и курсовых работ с гарантией качества и доставкой по России. Можете ознакомиться с предложениями по ссылке [url=https://rudik-diploms365.com/]купить диплом[/url], это проверено!
    https://www.podsliving.ph/forums/topic/%d0%ba%d1%83%d0%bf%d0%b8%d1%82%d1%8c-%d0%b4%d0%b8%d0%bf%d0%bb%d0%be%d0%bc-%d0%ba%d0%be%d0%bb%d0%bb%d0%b5%d0%b4%d0%b6%d0%b0-%d0%ba%d1%83%d0%bf%d0%b8%d1%82%d1%8c/
    купить диплом Гознак
    купить диплом в Москве
    купить диплом
    купить диплом о среднем специальном
    где купить диплом

    Желаю всем пятерошных) отметок!

  9. [url=http://bestmedsx.online/]onlinepharmacytabs24 com[/url]

  10. [url=https://man-attestats24.com/]http://man-attestats24.com[/url] – Сколько купить аттестат – возможность к вашему будущему. В нашем портале все вы можете без труда и быстро заказать свидетельство, обязательный для того, чтобы дальнейшего изучения или трудоустройства. Наша специалисты обеспечивают качество и конфиденциальность предоставления услуг. Приобретайте школьный аттестат здесь и проявите новые варианты для своего карьерного развития и трудоустройства.

  11. sSdfffobelors表示:

    Привет всем!

    Были ли у вас случаи, когда приходилось писать дипломную работу в крайне ограниченные сроки? Это действительно требует большой ответственности и трудоемкости, но важно не отступать и продолжать активно участвовать в учебном процессе, как я.
    Для тех, кто умеет эффективно находить и использовать информацию в сети, это действительно помогает в процессе согласования и написания дипломной работы. Больше не нужно тратить время на посещение библиотек или организацию встреч с научным руководителем. Здесь, на этом ресурсе, предоставлены надежные данные для заказа и написания дипломных и курсовых работ с гарантией качества и доставкой по всей России. Можете ознакомиться с предложениями тут , это проверенный источник!
    https://finans.webtalk.ru/viewtopic.php?id=7157#p18242
    купить диплом техникума
    купить диплом бакалавра
    купить диплом колледжа
    купить диплом о среднем специальном
    купить диплом в Москве

    Желаю любому пятерошных) оценок!

  12. sSdfffobelors表示:

    Доброго всем дня!

    Были ли у вас случаи, когда приходилось писать дипломную работу в крайне ограниченные сроки? Это действительно требует большой ответственности и трудоемкости, но важно не отступать и продолжать активно участвовать в учебном процессе, как я.
    Для тех, кто умеет эффективно находить и использовать информацию в сети, это действительно помогает в процессе согласования и написания дипломной работы. Больше не нужно тратить время на посещение библиотек или организацию встреч с научным руководителем. Здесь, на этом ресурсе, предоставлены надежные данные для заказа и написания дипломных и курсовых работ с гарантией качества и доставкой по всей России. Можете ознакомиться с предложениями тут , это проверенный источник!
    http://www.matchfishing.ru/forumtest/1/member.php?u=23110
    купить диплом Гознак
    купить диплом о среднем образовании
    купить диплом
    где купить диплом
    купить диплом о среднем специальном

    Желаю любому прекрасных отметок!

  13. sSdfffobelors表示:

    Добрый день всем!

    Было ли у вас когда-нибудь такое, что приходилось писать дипломную работу в сжатые сроки? Это действительно требует огромной ответственности и напряженных усилий, но важно не сдаваться и продолжать активно заниматься учебными процессами, чем я и занимаюсь.
    Для тех, кто умеет искать и анализировать информацию в интернете, это действительно помогает в процессе согласования и написания дипломной работы. Не нужно тратить время на посещение библиотек или организацию встреч с дипломным руководителем. Здесь представлены надежные данные для заказа и написания дипломных и курсовых работ с гарантией качества и доставкой по России. Можете ознакомиться с предложениями по ссылке , проверено!
    http://users.atw.hu/samp-info-forum/index.php?PHPSESSID=88c15eacd9f6d89f79a377bbfa96e655&action=profile;u=37813
    купить диплом института
    купить аттестат
    купить диплом специалиста
    купить диплом о среднем образовании
    купить диплом Гознак

    Желаю каждому пятерошных) оценок!

發佈留言

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