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

30,335 Responses

  1. BradyGem表示:

    casino siteleri: guvenilir casino siteleri – deneme bonusu veren siteler casinositeleri1st.com

  2. Thank you ever so for you post.Much thanks again. Will read on…

  3. Dnrtwck表示:

    Мы изготавливаем дипломы психологов, юристов, экономистов и других профессий по разумным тарифам. Мы предлагаем документы ВУЗов, расположенных на территории всей России. Документы выпускаются на бумаге самого высшего качества. Это дает возможность делать настоящие дипломы, которые невозможно отличить от оригиналов. careerfy.pl/employer/archive-diploma

  4. GarrettMom表示:

    slot bonus casibom 1st online casino bet casibom1st.shop

  5. Horacesmupe表示:

     Так называемое уголовное дело «Лайф-из-Гуд» – «Гермес» – «Бест Вей» продолжает свою кровавую жатву – в конце марта умер от рака, быстро спрогрессировавшего из-за постоянного стресса, председатель Совета кооператива «Бест Вей», депутат Государственной думы VII созыва Сергей Иванович Крючек. Полтора года назад умерла жена Сергея Крючека – сердце не выдержало после обысков у них дома и допросов мужа.   Суд ни к чему не ведет Следствие действовало максимально жестко. От обысков с пристрастием в 2023 году пострадали сотни пайщиков кооператива по всей России, на скамье подсудимых оказались ни в чем неповинные технические сотрудники – помощник руководителя, один из бухгалтеров, менеджер сайта и конференций, несколько индивидуальных предпринимателей, а также 83-летний отец основателя кооператива «Бест Вей» и бывшего руководителя компании «Лайф-из-гуд» Романа Василенко – пенсионер Виктор Иванович Василенко. Один из допрашивавшихся – Шамиль Фахруллин, умер после допроса от сердечного приступа, в критическом состоянии после 12-часового допроса была Зоя Семенова, которая опровергла в суде свои показания, данные следствию (таких опровергших – десятки). Мама Романа Василенко Лариса Александровна Василенко столкнулась с настоящими пытками – явившись к ней в пять утра, оперативники заставили ее переодеваться при них, раздевшись догола, а в следственном управлении ее на несколько часов посадили на стул со сломанной ножкой и не давали пить. Она потеряла сознание, и только после этого ей удалось выйти из следственного управления. Случаев издевательств и пыток множество. При этом в суде, который идет с конца февраля 2024 года, дело откровенно разваливается – у признанных потерпевшими и свидетелей нет никаких доказательств своих утверждений, они в ходе перекрестных допросов один за другим попадаются на лжи. На последние суды приходят все меньше и меньше свидетелей обвинения – под разными предлогами они отказываются, чтобы не поддерживать лживую версию следствия. Кооператив без вины виноватых Сергей Крючек возглавил крупнейший в России кооператив – 20 тыс. пайщиков во всех регионах страны – весной 2022 года, в период острого кризиса, после только что прошедшего первого обыска в офисе кооператива, в ходе которого были изъяты вся документация, базы данных, серверы, даже личные вещи и трудовые книжки сотрудников (и ничего до сих пор не возвращено: все учетные записи пришлось восстанавливать с нуля). Он и сам стал жертвой обысков в своем подмосковном доме – в ходе которых была изъята и до сих пор не возвращена коллекция наград. Кооператив оказался «в уголовном деле» по странному стечению обстоятельств – он был объявлен следствием организацией, аффилированной с иностранной инвестиционной компанией «Гермес», а значит, призванной ответить по ее обязательствам – хотя кооператив никак не был связан с «Гермесом» ни организационно, ни финансово: имел только общую систему продаж продуктов через маркетинговую фирму «Лайф-из-Гуд». У «Гермеса» возникли проблемы с выплатами российским клиентам после взлома российского сегмента платежной системы системным администратором Евгением Набойченко – система в феврале 2022 года перестала работать, и появилась картинка с предложением обращаться в правоохранительные органы. Только выплаты прекратились не до действий Набойченко, а после них. Параллельно возникла ситуация со СВО и санкциями Запада, крайне затруднившая трансграничные финансовые операции.  Но кооператив «Бест Вей» никаких выплат не прекращал, он зарегистрирован в Санкт-Петербурге, все его активы находятся в России. И даже если учесть требования к нему со стороны лиц, признанных потерпевшими по уголовному делу, то нет никаких причин для блокирования работы кооператива: совокупный ущерб в обвинительном заключении – 282 млн рублей, притом что на счетах кооператива – более 4 млрд рублей. Эта сумма постоянно увеличивается, и еще 600 млн – дебиторская задолженность пайщиков кооперативу на сегодняшний день. 282 млн рублей могли быть заблокированы на счете кооператива, на котором аккумулируются средства из членских взносов, предназначенные для развития, – не было никаких причин блокировать всю деятельность кооператива! Тем не менее это длительное время происходило. Страхи охранителей Что стоит за преследованиями фирмы «Лайф-из-Гуд», успешно работавшей с 2014 до начала 2022 года; компании «Гермес», которая весь этот же период выполняла свои обязательства; кооператива «Бест Вей», к которому вообще нет никаких претензий, кроме как со стороны тех, кого следствие убедило, что раз кооператив незаконный, они смогут взыскать членские взносы и еще со стороны людей, которым кооператив, заботясь о ликвидности, не дал купить объект недвижимости с перепланировкой? Что стоит за поддержкой властью репрессий против кооператива?   Прежде всег, люди, которые пытаются получить контроль над миллиардными активами кооператива и других организаций, а также примкнувшие к ним силовики. Но похоже на то, что власть очень обеспокоил политический потенциал, стоящий за кооперативом, – все эти многотысячные собрания пайщиков на стадионах. Собрания людей, которым ничего не надо от государства – они готовы сами, вскладчину, решать свои жилищные и иные проблемы. Кого-то из охранителей это испугало и стало причиной зеленого света для репрессий против кооператива со стороны высокопоставленных силовиков.  Лжеэксперты и лжеобвинения Кооператив, как и «Гермес», был обвинен в том, что он является финансовой пирамидой. Приглашенный следствием эксперт из СПбГУ Маевский потребовал закрытого заседания – чтобы никто не слышал, как он плавает в теме. Утверждает, что финансирование покупки квартир старым пайщикам происходило за счет новых пайщиков: не понимает, что финансирование кооператива происходит не только за счет новых поступлений от пайщиков, но и за счет возвратных платежей за приобретенную на деньги кооператива недвижимость. А с осени 2021 года – времени внесения в предупредительный список ЦБ, почти исключительно за счет возвратных платежей от пайщиков, которым приобретена квартира. При этом ликвидность кооператива никак не пострадала. Объяснения со стороны адвокатов стали для этого экономиста откровением. Значительная часть пайщиков стремится ускорить погашение долга перед кооперативом, чтобы скорее получить квартиру в собственность – ведь квартира с помощью кооператива приобретается почти без переплат. Переплаты связаны только со вступительным и членскими взносами; налогами, которые платятся по тарифам для юридического лица; оплатой проверки юридической чистоты и независимой оценки недвижимости.  С весны 2022 года кооператив прекратил прием новых пайщиков, при этом на его ликвидности это никак не сказалось: средства на счетах продолжали расти, несмотря на то что многие пайщики боялись платить на арестованные счета и вносят платежи только сейчас.  Спаситель  С весны 2022-го до зимы 2025 года счета кооператива с небольшими перерывами были под арестом – причем запрещались даже выплаты по исполнительным листам пайщикам, которые приняли решение о выходе из кооператива, арестованы были, также с перерывами, квартиры, принадлежащие кооперативу, на 12 млрд рублей.  Под руководством Сергея Ивановича Крючека удалось добиться в судах снятия ареста с квартир, а затем частичного снятия ареста со счетов, разрешения с арестованных сумм выплачивать по исполнительным листам пайщикам, которые через суд добились возврата средств (в этом им активно помогал сам кооператив), а также налоги и заработную плату сотрудникам кооператива. Частичное «освобождение» счетов позволило осуществлять выплаты пайщикам, принявшим решение о выходе из кооператива и возврате своих средств.  Таких пайщиков около 2,5 тыс., общий объем выплат им – порядка 1,5 млрд рублей, значительная часть из них уже получила свои паевые средства – несмотря на огромные трудности с перечислением средств по 115-ФЗ: дело в том, что расследуется еще одно уголовное дело – по ст. 174 УК (хотя кооператив никаких денег за рубеж не переводил), открыто и новое дело по заявлениям потерпевших от «Гермеса», не попавшим в уголовное дело, которое сейчас рассматривается судом. Кроме того, идет гражданский процесс по иску прокуратуры, блокирующему возможность приема новых пайщиков. И, несмотря на эти трудности, кооператив, возглавлявшийся до недавнего времени Сергеем Крючеком, ежедневно осуществляет выплаты выходящим из него пайщикам и успешно восстанавливает деятельность.   Важнейшее достижение Крючека – создание механизма, когда при арестованных счетах пайщики, которым уже приобретены объекты недвижимости, получили возможность погашать свой долг перед кооперативом и переоформлять недвижимость в собственность за счет средств других пайщиков, которые передают им свои арестованные паевые взносы, а взамен получают живые деньги от счастливых приобретателей квартир в собственность. Таким способом пайщикам удалось погасить долг перед кооперативом и полностью перевести недвижимость в собственность по десяткам объектов недвижимости. Кооператив под руководством Сергея Крючека работал над тем, чтобы вновь начать приобретать квартиры пайщикам, которые стоят в очереди на покупку первыми. Тем более что ряд квартир будет освобожден пайщиками, которые отказались возвращать за них деньги и исключены из кооператива с возвратом паевых средств.  Кооператив, по мнению многих пайщиков, жив благодаря той огромной работе, которую проделал Сергей Крючек с весны 2022 года по весну 2025-го, успешному противостоянию произволу правоохранительной системы. Недаром один из пайщиков предложил назвать кооператив именем Сергея Ивановича.

  6. RobertCex表示:

    2025 bahis siteleri deneme bonusu: casibom giris adresi – +18 canli yayin siteleri casibom1st.com

  7. Weldonsib表示:

    casino siteleri: deneme bonusu veren siteler – bahis siteleri deneme bonusu veren casinositeleri1st.com

  8. 1win_pePa表示:

    скачать 1win с официального сайта http://www.1win6009.ru .

  9. RobertCex表示:

    sweet bonanza oyna: sweet bonanza giris – sweet bonanza 1st sweetbonanza1st.shop

  10. Davidled表示:

    http://casinositeleri1st.com/# casino siteleri

  11. Lazryqp表示:

    Быстро и просто заказать диплом любого университета!
    Мы предлагаем дипломы любой профессии по выгодным тарифам— diplomp-irkutsk.ru/kupit-diplom-v-ekaterinburge-bez-lishnix-xlopot/

  12. Weldonsib表示:

    casino siteleri: deneme bonusu veren siteler – lisansl? casino siteleri casinositeleri1st.com

  13. Weldonsib表示:

    yurtdД±ЕџД± bahis siteleri: casibom resmi – Г§evrim ЕџartsД±z deneme bonusu veren siteler 2025 casibom1st.com

  14. mostbet_lbMt表示:

    скачать мостбет http://mostbet6011.ru .

  15. Trefnae表示:

    Быстро заказать диплом любого университета. Приобретение документа о высшем образовании через надежную фирму дарит много достоинств. Это решение дает возможность сэкономить как продолжительное время, так и значительные финансовые средства. 1.kupitiblog.ru/10/?post_type=topic&p=8778

  16. BradyGem表示:

    casinox: casibom guncel adres – casinonaxi casibom1st.com

  17. Major thanks for the article post.Really thank you! Really Cool.

  18. RobertCex表示:

    casino siteleri 2025: guvenilir casino siteleri – guvenilir casino siteleri casinositeleri1st.com

  19. BradyGem表示:

    casino siteleri: deneme bonusu veren siteler – guvenilir casino siteleri casinositeleri1st.com

  20. RobertCex表示:

    sweet bonanza oyna: sweet bonanza siteleri – sweet bonanza slot sweetbonanza1st.shop

  21. Weldonsib表示:

    sweet bonanza 1st: sweet bonanza 1st – sweet bonanza demo sweetbonanza1st.shop

  22. GarrettMom表示:

    slot casino siteleri casino siteleri deneme bonusu veren siteler casinositeleri1st.shop

  23. BradyGem表示:

    guvenilir casino siteleri: casino siteleri – guvenilir casino siteleri casinositeleri1st.com

  24. RobertCex表示:

    sweet bonanza oyna: sweet bonanza slot – sweet bonanza siteleri sweetbonanza1st.shop

發佈回覆給「1win_tjSa」的留言 取消回覆

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