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

  1. Семейные расстановки Берта Хеллингера. https://rasstanovkiural.ru

  2. Many thanks for bothering to line this all out for all of us. This write-up ended up being extremely useful in my opinion.

  3. Here is my blog post – Daycare Near Me – Find The Best Daycares
    Near You (http://spoggler.com/)

  4. WilliamDeeli表示:

    Добрый день!
    Мы изготавливаем дипломы.
    thesims2thebest.0pk.me/viewtopic.php?id=475#p1006

  5. An impressive share! I have just forwarded this onto a coworker who was conducting a little research on this. And he in fact bought me lunch due to the fact that I found it for him… lol. So allow me to reword this…. Thanks for the meal!! But yeah, thanks for spending the time to talk about this matter here on your blog.

  6. This content is written very well. Your use of formatting when making your points makes your observations very clear and easy to understand. Thank you.

  7. sitemap表示:

    Oh my goodness! Incredibpe articpe dude! Thanks, However
    I am having prblems ith your RSS. I don’t undestand
    thee reasoin whhy I can’t subscriibe to it.
    Is there anybody ellse getting the sazme
    RSS issues? Anybody whho knows the solution wilpl you kiondly respond?
    Thanx!!

  8. Расстановки по Б. Хеллингеру. https://rasstanovkiural.ru

  9. I have to thank you for the efforts you’ve put in penning this website. I really hope to check out the same high-grade blog posts by you in the future as well. In fact, your creative writing abilities has inspired me to get my very own blog now 😉

  10. Excellently written article, doubts all bloggers offered the identical content since you, the internet has to be far better place. Please stay the best!

  11. Darrelherse表示:

    yasal slot siteleri: yeni slot siteleri – slot oyun siteleri

  12. The shutter is a small, propeller-like gadget that rotates 24 instances per second.

  13. Content featured on StockTwits can be shared to the StockTwits prolonged network which incorporates sites similar to Yahoo Finance and CNN Cash.

  14. Prior to 1996, the rules for the cash welfare program, Help to Households with Dependent Youngsters (AFDC), have been waived for a lot of states.

  15. There are many strategies which one can follow, even blindly investing is one of them which I do not recommend.

  16. Storage shared by kids and teens must be closed to keep litter out of sight, and every family member should have not less than one shelf of his or her own behind closed doors.

  17. While there are now resources available on the internet for improving your investment and financial skills, the vastness of the industry is as such that you’ll have to spend several months just to get the basics right.

  18. Paul, Milwaukee and Chicago Midway Airport in the north and several other locations in Florida in the south including Miami, Fort Lauderdale and Tampa.

  19. JamesNut表示:

    Обвинения Василенко в мошенничестве не подтвердились?
    Гермес
    По информации ряда источников, уголовное преследование основателя маркетинговой компании «Лайф-из-Гуд» и кооператива «Бест Вей» Романа Василенко может быть прекращено. Правоохранительные органы, как сообщил нам ряд сенаторов и депутатов Государственной думы, провели новую оценку обвинений в его адрес с учетом того, что несколько свидетелей, в том числе критически относящихся к Василенко, указывают, что он вряд ли причастен к мошенничеству, так как не имел прямого доступа к серверам платежной системы, а в мошенничестве давно замечен бывший IT-директор компании «Лайф-из-Гуд» Евгений Набойченко. И Василенко виноват разве что в том, что привлек Набойченко в 2014 году к работе, несмотря на негативные сигналы, характеризующие и его стиль поведения, и склонность брать чужое.

    Роман Викторович Василенко – санкт-петербургский бизнес-консультант, создатель сети независимых предпринимателей, занимавшихся продвижением финансовых продуктов под эгидой основанной им компании «Лайф-из-Гуд», а также основатель Международной бизнес-академии IBA.

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

    Василенко не был ни топ-менеджером, ни собственником «Гермеса» – он сотрудничал с компанией по продвижению ее продуктов в России. А вот Набойченко был сотрудником «Гермеса» – он управлял платежной системой этой компании в России: занял эту должность, скорее всего, по рекомендации Василенко, но Василенко в части управления платежной системой «Гермесу» не подчинялся.

    В отличие от «Гермеса» по отношению к кооперативу Василенко является основателем и был председателем его правления до весны 2021 года (позднее около года был главой наблюдательного органа – совета кооператива). С весны 2022 года – рядовой пайщик кооператива: не входит в состав его руководящих органов.

    Василенко работал не только в России, но и в Казахстане, Киргизии, Белоруссии, Украине, на Кипре, в Австрии, Венгрии. Во многих этих странах созданы кооперативные проекты по приобретению жилья.

    Кроме того, Василенко известен как меценат, вложивший миллионы рублей в поддержку федеральных бизнес-инициатив (форум «Синергия»), культурных инициатив (фестиваль «Добровидение»), также принимает участие в иной благотворительной деятельности (в частности, поддержка детских медицинских учреждений).

    Что за дело

    Уголовное дело, связываемое следствием с петербургский маркетинговой компанией «Лайф-из-Гуд», иностранной инвестиционной компанией «Гермес» и зарегистрированным в Санкт-Петербурге, работающим по всей России потребительским кооперативом «Бест Вей», было заведено осенью 2021 года ГСУ ГУ МВД России по Санкт-Петербургу и Ленинградской области и в феврале текущего года передано в суд – оно рассматривается Приморским районным судом Санкт-Петербурга.

    На скамье подсудимых – 10 человек: технические сотрудники «Лайф-из-Гуд», а также Виктор Василенко, 83-летний отец Романа Василенко, пенсионер.

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

    Общая сумма ущерба – 282 млн рублей, что несопоставимо с арестованными по делу более чем 8 млрд рублей, в том числе 4 млрд на счетах кооператива «Бест Вей». Потерпевшими по делу следствием признан 221 гражданин.

    Роман Василенко также обвинялся по рассматриваемому судом уголовному делу, был объявлен в розыск, в том числе через Интерпол, так как с ковидных времен, как он сам сообщал прессе, по семейным причинам постоянно живет за границей. Однако, по данным источников, Интерпол и иностранные государства, в том числе страны ближнего зарубежья, где он так же, как и в России, активно работает, посчитали его преследование необоснованным.

    Расследование в отношении него осуществляется (или осуществлялось?) и по еще одному уголовному делу, расследуемому ГСУ питерского главка МВД, касающемуся команды руководителей «Лайф-из-Гуд».

    Странные обвинители

    Судебное разбирательство в Приморском районном суде идет пока не слишком успешно для следствия и органов государственного обвинения: подавляющее большинство из тех, кто на данный момент выступил в суде, предъявляют в уголовном суде претензии к компании «Гермес» на суммы не только в несколько сотен, но и даже в несколько десятков тысяч, что вызывает удивление – это же не мировой суд, чтобы обсуждать возврат таких сумм! Свидетель обвинения сотрудник IT-службы Роман Роганович сообщил, что не публиковал на сайте «Лайф-из-Гуд» и сайте кооператива никакой незаконной информации и незаконной деятельности не видел.

    При этом подавляющее большинство клиентов компании «Гермес», которых более двух сотен тысяч в России, и десятки тысяч пайщиков кооператива «Бест Вей», по словам представителей сообществ в защиту этих организаций, считают именно правоохранительные органы источником своих проблем. Они подчеркивают, что именно привлеченный ими к сотрудничеству петербургский сисадмин «Гермеса» Евгений Набойченко разгромил российскую платежную систему. И если уж кто причастен к хищениям, так это именно Набойченко. Похоже, что понимание этого факта стало приходить и к правоохранительным органам.

  20. Thanks for your article. What I want to say is that when looking for a good on the net electronics store, look for a web page with comprehensive information on critical factors such as the security statement, basic safety details, payment methods, along with other terms and also policies. Usually take time to look at help as well as FAQ areas to get a much better idea of the way the shop works, what they can perform for you, and the way you can make best use of the features.

發佈留言

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