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

  1. RobertFreve表示:

    дешевое такси https://taxi-shahty.ru

  2. DouglasGed表示:

    buying prescription drugs in mexico: mexican pharmacy – mexican online pharmacies prescription drugs

  3. JamesWem表示:

    грузовой подъемник для склада купить https://gruzovye-podemniki-zakazat.ru

  4. WilliamHab表示:

    A collection of 18-25-year olds from around the UK https://www.scouts.org.uk/volunteers/running-things-locally/recruiting-and-managing-volunteers/role-descriptions/uk-rep-pool/ who are trained to represent the UK Scouts at events in the UK and abroad.

  5. JamesNus表示:

    Federation of Scout Associations of Spain https://scout.es/scout-academy-2017 is a non-profit entity whose registered office is located in Lake

  6. Sazrroz表示:

    Привет, друзья!
    Мы можем предложить дипломы любой профессии.
    Заказ документа, подтверждающего обучение в ВУЗе, – это разумное решение.
    taondinternational.rudraserver.com/blog/index.php?entryid=159561
    Будем рады вам помочь!.

  7. TerryHax表示:

    Инвестиционная компания HERMES: имитация скама по заданию следствия

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

    Следствие также пытается привлечь к делу кооператив «Бест Вей», заблокировав его деятельность и активы для оплаты обязательств лицам, названным потерпевшими, на том основании, что Василенко являлся руководителем кооператива и другие организации, которые Роман Василенко действительно возглавлял.

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

    Hermes — компания полностью иностранная, зарегистрированная в британской юрисдикции. Она начала работать на рынке в 1998 года — гораздо раньше, чем были созданы кооператив «Бест Вей», а также продвиженческий, консультативный и образовательный проекты, организованные Романом Василенко.

    Россиян среди учредителей Hermes нет и не было. Генеральным партнером компании, насколько нам известно, является австрийский инвестор Йохан Риглер. При этом компания активно работала в странах СНГ, имеет десятки тысяч клиентов из России и других стран постсоветского пространства.

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

    Hermes сотрудничала с российскими специалистами по продвижению, с Романом Василенко, как с бизнес-коучем. При этом она активно привлекала российских IT-специалистов как лучших в мире. На Hermes работал петербургский IT-специалист Набойченко.

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

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

    Кроме того, с разоблачениями выступил шофер одного из проектов Романа Василенко по фамилии Комаров. Человек, работавший за зарплату 100 тыс. в месяц заявил следствию, что якобы возил неучтенные наличные деньги, хотя в действительно он выполнял мелкие поручения, в частности ездил в аэропорт, забирал пакеты с подарками от пайщиков кооператива подарков, присылаемых из регионов, дал показания (якобы сам), что в пакетах с подарками, находилась неучтенная наличка — хотя признает, что их не вскрывал.

    Липовое уголовное дело
    Вот на этом зыбком основании и искусственном обрушении инфраструктуры Hermes появилось уголовное дело. К этому делу привязали, в том числе, и кооператив «Бест Вей», активы которого следствие стремится использовать для расплаты по обязательствам Hermes, поскольку они находятся в России.

    Это, как сообщили нам юридические эксперты, незаконно, но кооператив пытаются привязать квазизаконными способами, один из которых — как раз утверждение, что ранее руководивший кооперативом Роман Василенко являлся якобы совладельцем Hermes и проекты Романа Василенко и Hermes составляли вместе некий единый холдинг — машину для хищений.

    Кризис преодолен
    На восстановление работы сайтов Hermes и электронных финансовых сервисов IT-специалистами за рубежом понадобилось несколько месяцев. Сейчас, как нам сообщили клиенты компании, сайты и платежные сервисы восстановлены, все счета действуют.

    Более 70% клиентов Hermes уже воспользовалось восстановленными счетами и свободно оперирует своими средствами, в том числе выводят их. Сложная ситуация в работе компании, созданная ее бывшим ключевым сотрудником по наущению оперативных работников полиции, полностью преодолена.

    Преимущество компании Hermes оказалось как раз в том, что она находится за границей и ее деятельность не могут заблокировать российские правоохранительные органы.

    Что же касается кооператива «Бест Вей», то его деятельность пока заблокирована, хотя он прошел бухгалтерскую экспертизу в одном из учреждений Минюста России, которая выяснила, что 81% средств направлялся на покупку квартиры и 19% средств — на организацию деятельности и услуги для кооператива.

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

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

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

  8. DouglasGed表示:

    buy erectile dysfunction pills: Cheap ED pills online – cheapest online ed meds

  9. Leonardpar表示:

    http://indiapharmacy.shop/# indian pharmacy

  10. Leonardpar表示:

    https://edpillpharmacy.store/# online ed medications

  11. Trefeax表示:

    Привет, друзья!
    Как оказалось, купить диплом кандидата наук не так уж и сложно
    laemngophos.org/webboard/member.php?action=profile&uid=43072
    Рады оказать помощь!.

  12. This is a topic that’s close to my heart… Best wishes! Where are your contact details though?

  13. Mazrgte表示:

    Добрый день!
    Полезная информация как купить диплом о высшем образовании без рисков
    simsonviglu.cz/phpBB/phpBB3/viewtopic.php?f=1&t=32846

  14. JamesJus表示:

    Как обратиться к нам за юридической консультацией?
    адвокат по экономическим преступлениям хороший
    Чтобы получить юридическую консультацию, с нами можно связаться онлайн или же по телефону. Мы подберём вам юриста, специализирующегося именно в той сфере законодательства, с которой связаны ваши проблемы. Это поможет быстро достичь нужного результата и, безусловно, будет лучшим выбором, если вам нужно незамедлительно получить юридические услуги.

    Бесплатная юридическая консультация по телефону может стать вашим спасением. Предоставленная нами консультация поможет вам сориентироваться в вопросе и решить, нужна ли вам дальнейшая помощь, которую может обеспечить Коллегия адвокатов № 1. После того как юридическая консультация по телефону будет проведена и проблемы будут чётко обозначены, наши юристы могут оказать вам и дальнейшие услуги — от оформления нужных документов до представления ваших интересов в зале суда.

  15. I wanted to thank you for this very good read!! I certainly loved every little bit of it. I’ve got you book marked to look at new stuff you post…

  16. PatrickCip表示:

    трубные решетки теплообменных аппаратов https://trubnye-doski.ru

  17. TimothyBow表示:

    Услуги адвоката
    известные адвокаты россии женщины
    Ищете надежную юридическую помощь? Официальный рейтинг адвокатов и юристов поможет найти проверенных специалистов, основываясь на высоком профессионализме, богатом опыте и положительных отзывах клиентов. Мы предлагаем уникальную возможность выбрать адвоката или юриста, способного эффективно разрешить ваше дело, будь то вопрос наследственного права, семейные споры или уголовного дела. Наш рейтинг поможет вам найти идеального кандидата, готового защитить ваши интересы в любой юридической ситуации и оказать юридические услуги профессионально и качественно

  18. Cazrpjw表示:

    Добрый день!
    Заказать диплом академии
    telegra.ph/sobesedovanie-pri-postuplenii-v-vuz-08-02

  19. DouglasGed表示:

    buy ed pills online: ed pills online – ed medicine online

  20. Xazrqpa表示:

    Здравствуйте!
    Купить документ ВУЗа.
    Мы можем предложить дипломы психологов, юристов, экономистов и любых других профессий по приятным ценам.
    elephantjournal.com/profile/poydicikko
    Будем рады вам помочь!.

  21. AoolHesia表示:

    I went to a doctor about it, but they only gave me antibiotics which, by the way, does not instill within me much confidence in going to a doctor and having them at least ATTEMPT to diagnose me properly.
    Deals for ampicillin gentamicin pregnancy only after you have looked at competitive online specials
    Contact dermatitis also can occur in some patients who have mold allergies, but may take several days to appear.

  22. vo_ntorg_vpPt表示:

    Военный арсенал мечты на вашем пороге, администрируйте.
    Как выбрать лучшее снаряжение для военных операций, используйте.
    Военная техника для настоящих профессионалов, только у нас.
    Снаряжение для любых военных мероприятий: выбирайте лучшее, лишь у лучших.
    Оптимальное снаряжение для военных целей, только у нас.
    Выбор каждого воина: только лучшее оружие, заказывайте.
    Экипировка для самых опасных миссий: делайте свой выбор, лишь у лучших.
    Мощное вооружение для армии и спецназа, получайте.
    Как выбрать идеальное снаряжение для задач, используйте.
    військовий інтернет магазин військовий інтернет магазин .

  23. Wguuonert表示:

    GAD is often a chronic condition, with negative events exacerbating the disease.
    Internet pharmacies offer anonymity when you cheapest lyrica online . Put ED a stop!
    Journal of Behavior Therapy and Experimental Psychiatry, 40, 98-105.

  24. AxxzPaish表示:

    You can everything else you want, but without your health, what good is it?
    Internet pharmacies offer anonymity when you how long does it take for prednisone to work at the lowest price
    I would have a long talk with your partner too and make sure you’re both on the same page before you proceed with anything – you don’t need to go through this awful time on your own.

  25. Lazrznm表示:

    Добрый день!
    Купить диплом любого ВУЗа.
    telegra.ph/vrachi-dlya-postupleniya-v-vuz-08-02

  26. MathewCluth表示:

    Elon Musk’s X just sued a nonprofit advertising group out of existence
    вэд юрист
    A major ad industry group is shutting down, days after Elon Musk-owned X filed a lawsuit that claimed the group illegally conspired to boycott advertising on his platform.

    “GARM is a small, not-for-profit initiative, and recent allegations that unfortunately misconstrue its purpose and activities have caused a distraction and significantly drained its resources and finances,” the group said in a statement Friday. “GARM therefore is making the difficult decision to discontinue its activities.”

    The group, Global Alliance for Responsible Media, also known as GARM, is a voluntary ad-industry initiative run by the World Federation of Advertisers that aims to help brands avoid having their advertisements appear alongside illegal or harmful content. GARM confirmed it is still planning to defend itself in court.

    The end of GARM marks a temporary victory for Musk and X CEO Linda Yaccarino, even though a judge hasn’t made a ruling yet.

    “No small group should be able to monopolize what gets monetized. This is an important acknowledgement and a necessary step in the right direction. I am hopeful that it means ecosystem-wide reform is coming,” Yaccarino posted on X Thursday.

    However, the lawsuit could drive away even more advertisers from X, Nandini Jammi and Claire Atkin, founders of watchdog group Check My Ads Institute wrote in an op-ed Thursday. “Everyone can see that advertising on X is a treacherous business relationship for advertisers,” they said.

發佈留言

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