利用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,645 Responses

  1. ArthurDep表示:

    В нашем обществе, где аттестат является началом отличной карьеры в любом направлении, многие пытаются найти максимально быстрый путь получения качественного образования. Наличие официального документа об образовании переоценить просто невозможно. Ведь диплом открывает дверь перед любым человеком, который стремится вступить в сообщество профессиональных специалистов или продолжить обучение в университете.
    Наша компания предлагает очень быстро получить этот важный документ. Вы сможете приобрести аттестат, и это является выгодным решением для человека, который не смог завершить образование, утратил документ или желает исправить плохие оценки. Все аттестаты производятся с особой тщательностью, вниманием ко всем нюансам. В итоге вы сможете получить продукт, 100% соответствующий оригиналу.
    Преимущество этого подхода состоит не только в том, что вы сможете быстро получить свой аттестат. Процесс организовывается комфортно и легко, с профессиональной поддержкой. Начиная от выбора нужного образца аттестата до консультации по заполнению личной информации и доставки по стране — все будет находиться под полным контролем квалифицированных мастеров.
    В итоге, всем, кто ищет оперативный способ получения необходимого документа, наша компания предлагает отличное решение. Заказать аттестат – значит избежать долгого обучения и сразу перейти к достижению личных целей, будь то поступление в ВУЗ или начало карьеры.

    http://diplomans-rossians.com/

  2. Ismaelfer表示:

    В современном мире, где диплом становится началом успешной карьеры в любом направлении, многие ищут максимально простой путь получения качественного образования. Необходимость наличия официального документа переоценить попросту невозможно. Ведь диплом открывает дверь перед людьми, желающими вступить в профессиональное сообщество или учиться в ВУЗе.
    Наша компания предлагает оперативно получить любой необходимый документ. Вы имеете возможность приобрести диплом, что будет выгодным решением для человека, который не смог завершить образование, потерял документ или хочет исправить свои оценки. дипломы изготавливаются с особой аккуратностью, вниманием ко всем нюансам, чтобы в результате получился полностью оригинальный документ.
    Преимущества подобного решения заключаются не только в том, что вы сможете быстро получить свой диплом. Процесс организовывается комфортно, с профессиональной поддержкой. Начав от выбора нужного образца до правильного заполнения персональной информации и доставки в любое место страны — все будет находиться под полным контролем квалифицированных мастеров.
    В итоге, для тех, кто ищет быстрый и простой способ получить необходимый документ, наша компания предлагает отличное решение. Приобрести диплом – значит избежать длительного процесса обучения и сразу переходить к достижению своих целей: к поступлению в университет или к началу удачной карьеры.

    https://diploman-russiyan.com

  3. chistka_qrpi表示:

    лазерный очиститель ржавчины цена https://apparaty-lazernoy-ochistki.ru .

  4. qrzzc9表示:

    探索Telegram官网,体验全球领先的即时通讯工具!Telegram支持多平台使用,无论是智能手机还是电脑,都可以畅享极速、安全的消息、文件分享服务。官网提供直接下载链接,简单几步即可安装。全球数亿用户的选择,不受地域限制,保证通讯安全与隐私。立即下载,开启您的即时通讯新体验!Explore the official Telegram website and experience a leading global instant messaging tool! Telegram supports multiple platforms, whether on a smartphone or computer, you can enjoy fast and secure messaging and file-sharing services. The official website provides direct download links, and installation is just a few steps away. Chosen by hundreds of millions of users worldwide, it offers unrestricted communication with guaranteed security and privacy. Download now to start your new messaging experience! https://www.telegramlo.com
    eun8rq9jx3

  5. 8nfvvc表示:

    探索Telegram中文版的无限可能 – 一个安全、快捷、多功能的即时通讯平台。无论是文件分享、群组聊天还是机器人互动,Telegram都能满足您的需求。快来体验安全通讯的新时代。Explore the endless possibilities with Telegram Chinese Version – a secure, fast, and feature-rich instant messaging platform. Whether it’s file sharing, group chats, or bot interactions, Telegram meets all your needs. Experience a new era of secure communication.https://www.telegram-apk.com
    8yrnuvx1av

  6. StephenDeery表示:

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

    https://dlplomanrussian.com

  7. Mnmtyj表示:

    cost lopressor 100mg – micardis pills purchase nifedipine without prescription

  8. Lewisslund表示:

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

    https://diplomanc-russia24.com

  9. OLaneevige表示:

    В наше время, когда диплом является началом успешной карьеры в любом направлении, многие ищут максимально быстрый и простой путь получения качественного образования. Наличие официального документа об образовании трудно переоценить. Ведь диплом открывает дверь перед каждым человеком, который хочет вступить в профессиональное сообщество или учиться в высшем учебном заведении.
    В данном контексте мы предлагаем максимально быстро получить этот важный документ. Вы можете заказать диплом, и это является выгодным решением для человека, который не смог закончить обучение или утратил документ. дипломы выпускаются аккуратно, с максимальным вниманием к мельчайшим нюансам. На выходе вы сможете получить продукт, 100% соответствующий оригиналу.
    Плюсы подобного подхода заключаются не только в том, что можно оперативно получить диплом. Процесс организовывается удобно, с нашей поддержкой. От выбора необходимого образца до консультации по заполнению персональных данных и доставки в любое место России — все под абсолютным контролем наших мастеров.
    Всем, кто ищет максимально быстрый способ получить необходимый документ, наша компания может предложить выгодное решение. Заказать диплом – это значит избежать длительного обучения и сразу переходить к достижению собственных целей, будь то поступление в ВУЗ или начало карьеры.

    https://diploman-rossiya.com

  10. Kzmdfs表示:

    order hydrochlorothiazide 25mg online cheap – buy amlodipine paypal cost bisoprolol

  11. EarnestAvada表示:

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

    https://dlplomanrussian.com

  12. OLaneevige表示:

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

    https://diploman-russiyan.com

  13. StephenDeery表示:

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

    https://dlplomanrussian.com

  14. Ismaelfer表示:

    В нашем обществе, где диплом – это начало успешной карьеры в любой области, многие ищут максимально быстрый и простой путь получения качественного образования. Наличие официального документа трудно переоценить. Ведь именно диплом открывает дверь перед любым человеком, который хочет вступить в профессиональное сообщество или учиться в каком-либо институте.
    В данном контексте наша компания предлагает максимально быстро получить этот необходимый документ. Вы сможете купить диплом, и это является удачным решением для всех, кто не смог завершить обучение, потерял документ или хочет исправить плохие оценки. Каждый диплом изготавливается с особой аккуратностью, вниманием ко всем элементам. В итоге вы получите полностью оригинальный документ.
    Превосходство этого решения заключается не только в том, что вы сможете быстро получить свой диплом. Весь процесс организовывается удобно, с нашей поддержкой. От выбора требуемого образца документа до консультаций по заполнению персональных данных и доставки по стране — все будет находиться под полным контролем наших специалистов.
    Для тех, кто хочет найти быстрый и простой способ получить требуемый документ, наша услуга предлагает отличное решение. Заказать диплом – это значит избежать длительного обучения и не теряя времени перейти к достижению своих целей, будь то поступление в университет или старт удачной карьеры.
    https://diploman-russiyans.com

  15. GichardPheve表示:

    В нашем обществе, где диплом является началом отличной карьеры в любой отрасли, многие стараются найти максимально простой путь получения качественного образования. Наличие документа об образовании сложно переоценить. Ведь диплом открывает двери перед всеми, кто собирается начать трудовую деятельность или продолжить обучение в ВУЗе.
    Мы предлагаем максимально быстро получить этот необходимый документ. Вы имеете возможность заказать диплом, что становится отличным решением для всех, кто не смог закончить обучение, потерял документ или желает исправить плохие оценки. диплом изготавливается аккуратно, с особым вниманием ко всем нюансам, чтобы на выходе получился 100% оригинальный документ.
    Плюсы подобного решения состоят не только в том, что вы сможете максимально быстро получить диплом. Процесс организован комфортно, с нашей поддержкой. От выбора необходимого образца до правильного заполнения личных данных и доставки в любое место страны — все будет находиться под полным контролем наших мастеров.
    Для тех, кто пытается найти оперативный способ получения необходимого документа, наша компания готова предложить выгодное решение. Заказать диплом – значит избежать длительного процесса обучения и сразу переходить к достижению личных целей, будь то поступление в ВУЗ или начало карьеры.

    https://dlplomanrussian.com

  16. GlennSaunk表示:

    Отечественный сайт официальный экземпляр даркнет площадки Блэкспрут – рисующей собою онлайн платформу по продаже/покупке не разрешенных веществ. Площадка BlackSprut расположена на сети TOR, какая дать голову на отсечение вам царский ярус анонимности.
    https://bs2tsite.club

  17. GlennSaunk表示:

    Наш сайт официальный экземпляр даркнет площадки Блэкспрут – воображающей собою онлайн платформу числом продаже/покупке запрещенных веществ. Площадка BlackSprut размещена в течение сети TOR, какая гарантирует для вас высочайший уровень анонимности.
    https://bs2tsite.club

  18. Lewisslund表示:

    В нашем обществе, где диплом – это начало успешной карьеры в любом направлении, многие стараются найти максимально простой путь получения качественного образования. Наличие официального документа об образовании сложно переоценить. Ведь диплом открывает двери перед любым человеком, желающим вступить в профессиональное сообщество или продолжить обучение в высшем учебном заведении.
    В данном контексте мы предлагаем быстро получить любой необходимый документ. Вы имеете возможность купить диплом, что будет отличным решением для всех, кто не смог завершить образование или потерял документ. Каждый диплом изготавливается с особой тщательностью, вниманием ко всем элементам, чтобы в результате получился продукт, 100% соответствующий оригиналу.
    Преимущество такого подхода состоит не только в том, что можно быстро получить свой диплом. Процесс организовывается комфортно, с профессиональной поддержкой. От выбора подходящего образца диплома до консультаций по заполнению личных данных и доставки по России — все под полным контролем качественных мастеров.
    Всем, кто пытается найти быстрый и простой способ получения требуемого документа, наша компания готова предложить отличное решение. Приобрести диплом – это значит избежать длительного процесса обучения и не теряя времени перейти к своим целям: к поступлению в ВУЗ или к началу трудовой карьеры.

    https://diploman-russiyan.com

發佈留言

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