利用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來給大家參考,這邊也把官方的範例放進來給大家參考:
![基礎動畫製作 範例檔 基礎動畫製作 範例檔](http://cloudlab.tw/wp/wp-content/uploads/1/2012/07/greensock2-300x283.jpg)
上面的案例可以讓你測試動畫效果,下方也會產生該段動畫的程式碼供你使用,實在是非常方便。另外關於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來參考動畫效果與取得程式碼:
![特殊動畫效果 範例圖 特殊動畫效果 範例圖](http://cloudlab.tw/wp/wp-content/uploads/1/2012/07/greensock3-275x300.jpg)
在動畫控制上面可以使用如下的程式碼來控制動畫:
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 範例檔 TimelineLite 範例檔](http://cloudlab.tw/wp/wp-content/uploads/1/2012/07/greensock4-300x226.jpg)
另外是TimelineMax的範例檔,供大家參考:
![TimelineMax 範例檔 TimelineMax 範例檔](http://cloudlab.tw/wp/wp-content/uploads/1/2012/07/greensock5-300x201.jpg)
以上就是針對GreenSock Tweening Platform大致的介紹,建議有空可以前往官網鑽研更多其他的功能,另外其實GreenSock另外還有TransformManager和LoaderMax,各位也可以先參考官網文章或是未來再跟大家分享我的使用心得。
註:本範例所使用的範例版權屬於GreenSock公司所有。
Добрый день!
Купить диплом магистра оказалось возможно, быстрое обучение и диплом на руки
arusak-diploms-srednee.ru/kupit-attestat-za-11-klass В
Привет, друзья!
Купить документ о получении высшего образования
diplomyx.com/kupit-diplom-voronezh
порево классный секс klassny-sex.ru .
Payday loans in Nebraska
Spot on with this write-up, I honestly think this amazing site needs much more attention. I’ll probably be returning to read more, thanks for the info!
Мазь для суставов https://sustalits.ru заказать онлайн.
Здравствуйте!
Где приобрести диплом по нужной специальности?
travelwithme.social/read-blog/45682
Добрый день!
Где заказать диплом по актуальной специальности?
hackmd.io/@KevinWallace/SyaseLwBR
Hi, I believe your blog could be having internet browser compatibility issues. When I look at your blog in Safari, it looks fine however when opening in IE, it’s got some overlapping issues. I just wanted to provide you with a quick heads up! Aside from that, fantastic blog!
microzide
Добрый день!
Мы изготавливаем дипломы любой профессии по приятным тарифам.
dailygram.com/blog/1300025/купите-дипломы-быстро-и-надежно/
Привет, друзья!
Купить документ о получении высшего образования можно в нашем сервисе.
asxdiplomik.com/kupit-diplom-krasnodar
Здравствуйте!
Приобрести диплом любого университета.
share.psiterror.ru/2024/07/04/kak-podyskat-proverennyy-magazin-s-bolshim-vyborom-diplomov.html
doxycycline 20 mg coupon: can you buy doxycycline over the counter in canada – how to get doxycycline without prescription
where to buy generic clomid pill: how to buy generic clomid online – can i order cheap clomid prices
Ситуация с ‘Бест Вей’ вызывает много вопросов. Почему кооператив, который за годы своей работы помог тысячам семей приобрести жилье, вдруг оказался в центре такого скандала? Разве можно назвать пирамидой организацию, которая существует уже 10 лет и имеет множество довольных клиентов? Следствие, арестовавшее активы и блокирующее счета кооператива, не только наносит ущерб компании, но и лишает тысячи людей их законных прав. Логично предположить, что здесь задействованы некие скрытые интересы. Важно, чтобы это дело было расследовано объективно и без предвзятости, чтобы не пострадали невинные люди и не был разрушен положительный имидж действительно полезной организации.
buy vibramycin
Эти продажные твари из МВД разрушили наш кооператив «Бест Вей»! Они выдумали какую-то пирамиду, солгали про миллиарды ущерба и десятки тысяч пострадавших, а на деле – только 282 миллиона и 221 человек. И кто эти “пострадавшие”? Такие же мошенники, которые даже налоги не платили! Эти уроды в погонах, Винокуров и Сапетова, подделывают документы и незаконно держат людей в тюрьме. Четверо невинных людей уже второй год сидят за решеткой! Мы, пайщики, страдаем из-за этих мразей, которые заблокировали все наши деньги! Колокольцев и его шайка должны быть наказаны по всей строгости закона!
Здравствуйте!
Приобрести диплом любого университета.
sonnick84.losblogos.com/27844381/%D0%A0%D0%B5%D0%BA%D0%BE%D0%BC%D0%B5%D0%BD%D0%B4%D0%B0%D1%86%D0%B8%D0%B8-%D0%BF%D1%80%D0%BE%D1%84%D0%B5%D1%81%D1%81%D0%B8%D0%BE%D0%BD%D0%B0%D0%BB%D0%B0-%D1%87%D1%82%D0%BE-%D0%BF%D0%BE%D0%B7%D0%B2%D0%BE%D0%BB%D1%8F%D1%82-%D0%BD%D0%B5%D0%B4%D0%BE%D1%80%D0%BE%D0%B3%D0%BE-%D0%B7%D0%B0%D0%BA%D0%B0%D0%B7%D0%B0%D1%82%D1%8C-%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D1%8B
Привет!
Заказать диплом университета.
l90226mw.beget.tech/2024/07/04/obshirnyy-katalog-dokumentov-v-populyarnom-onlayn-magazine.html
оборудование для сцены актового зала oborudovanija-dlja-aktovyh-zalov.ru .
Добрый день!
Приобрести документ о получении высшего образования можно в нашем сервисе.
asxdiplomik.com/kupit-diplom-sankt-peterburg
Успехов в учебе!
credito 3000 euros
effexor xr buy
МОСКВА, 7 мая — РИА Новости. Правительство России, возглавляемое Михаилом Мишустиным, уйдет в отставку во вторник.
Сразу после инаугурации президента Владимира Путина нынешний кабинет министров сложит полномочия перед вступившим в должность главой государства.
Прогон по комментария
cymbalta 20 mg online pharmacy
Very good information. Lucky me I came across your site by chance (stumbleupon). I’ve bookmarked it for later.
generic noroxin – cheap flutamide pill buy confido generic
buy modafinil in us
оборудование для конференц зала купить оборудование для конференц зала купить .