利用Tweener製作動畫 – 貝茲曲線

在看過前面一篇Tweener基礎篇之後,應該會發現我們的動畫元件雖然可以依照不同的模式移動,但是在路徑上還依然是保持直線移動,而這一篇文章就要來示範如何讓元件利用貝茲曲線來產生移動路徑,至於甚麼是貝茲曲線?大家可以參考維基百科上面的說明,這邊就不贅述了。

在Tweener的官方網站裡有提供一個貝茲曲線產生器的Flash動畫讓大家下載,不過由於官方示範這個貝茲曲線產生器所使用的是舊版本的Tweener Class,所以在程式碼範例上有些缺失,馬老師這邊提供我修改過且進行中文化後的範例供大家下載

Tweener 貝茲曲線產生器 螢幕截圖

範例中Add Bezier Point是增加節點,Remove Point是刪除節點,利用這些功能並拖曳上面的範例曲線,就可以製作出你想要移動的路徑,接下來請先把「需要先被匯入與執行的Tweener」三行指令放置在程式碼的最前面,接著再把「Tweener動畫指令」貼上即可!這樣一來以後連製作這樣的路徑也會變得很方便了!

整個動畫的程式碼如下,也提供利用此效果製作的動畫檔給大家參考:

import caurina.transitions.Tweener
import caurina.transitions.properties.CurveModifiers
CurveModifiers.init()

Tweener.addTween(ball, {x:475, y:80, _bezier:[{x:150, y:43}, {x:71, y:206.5}], time:1, transition:"linear"});

希望這個範例對大家有所幫助,如果還有疑問,也可以在這邊回應唷~

You may also like...

21,147 Responses

  1. RobertCes表示:

    магазин аккаунтов аккаунт для рекламы

  2. Josephtus表示:

    магазин аккаунтов аккаунт для рекламы

  3. Richardfek表示:

    pin up вход пин ап казино официальный сайт пин ап казино официальный сайт

  4. Jarioruif表示:

    Заказать диплом университета!
    Наши специалисты предлагаютвыгодно и быстро заказать диплом, который выполнен на бланке ГОЗНАКа и заверен печатями, водяными знаками, подписями официальных лиц. Наш диплом способен пройти любые проверки, даже при использовании специально предназначенного оборудования. Решите свои задачи максимально быстро с нашим сервисом- asg-amt.phorum.pl/viewtopic.phpp=35047#35047

  5. Richardmitty表示:

    nba線上看
    隨著2024-25賽季NBA附加賽的火熱進行,球迷們的熱情也隨之高漲。每一場比賽都關乎球隊命運,而季後賽的激烈對決更是指日可待。對於忠實球迷來說,能夠即時觀看這些精彩賽事至關重要。NBA直播線上看服務應運而生,為球迷提供了便捷的觀賽體驗。無論是上班族抽空追賽,還是學生族群熬夜支持,都能通過手機、平板或電腦隨時隨地觀看比賽。高清畫質、專業解說和多角度回放,讓您仿佛置身現場,感受每一次扣籃和三分球帶來的震撼。除了賽事直播,許多平台還提供賽程表、球員數據和賽後分析等豐富內容。您可以輕鬆掌握各隊積分排名、明星球員表現,甚至深入了解戰術分析。對於喜愛運彩投注的朋友,即時的數據分析和專家預測也能成為您決策的重要參考。選擇可靠的NBA直播平台尤為重要。穩定的播放品質、低延遲的直播信號和完整的賽事覆蓋,都是評判標準。部分平台還提供會員專屬服務,如廣告免除、賽事回放和獨家內容等特權。隨著科技發展,NBA直播線上看服務不斷創新,為球迷帶來更加便捷、沉浸的觀賽體驗。不再受限於電視轉播,每一位球迷都能隨心所欲地追逐熱愛的籃球賽事,見證精彩時刻。

  6. Olivetus表示:

    заработок на аккаунтах аккаунты с балансом

  7. Olivetus表示:

    маркетплейс аккаунтов перепродажа аккаунтов

  8. Xazrnxg表示:

    Приобрести диплом о высшем образовании!
    Мы изготавливаем дипломы любых профессий по приятным тарифам. Вы приобретаете документ в надежной и проверенной временем компании. : thelivehotel.copiny.com/question/details/id/1073012

  9. Josephtus表示:

    платформа для покупки аккаунтов маркетплейс аккаунтов

  10. Richardfek表示:

    пинап казино пин ап зеркало пин ап казино

  11. Elmerbuils表示:

    pin up azerbaycan: pin-up – pin up

  12. KennethKex表示:

    пин ап казино официальный сайт: пин ап казино официальный сайт – пин ап вход

  13. ZackaryGer表示:

    http://pinupaz.top/# pin up casino

  14. Lazrkmk表示:

    Диплом университета Российской Федерации!
    Без наличия диплома очень трудно было продвинуться по карьере. Именно из-за этого решение о покупке диплома можно считать выгодным и целесообразным. Приобрести диплом об образовании peticiones.mx/479256

  15. KennethKex表示:

    вавада официальный сайт: вавада казино – вавада официальный сайт

  16. Olasxtus表示:

    перепродажа аккаунтов купить аккаунт с прокачкой

  17. Richardfek表示:

    пин ап казино официальный сайт pin up вход пин ап вход

  18. Marcelohyday表示:

    лазерная эпиляция отзывы лазерная эпиляция зоны

  19. Elmerbuils表示:

    pin up вход: пинап казино – пин ап казино официальный сайт

  20. JamesWeent表示:

    дерматолог косметолог косметолог

  21. RonnieAnogy表示:

    отоларинголог записаться услуги лора

  22. Elmerbuils表示:

    pin up casino: pin up casino – pin-up

  23. JamesWeent表示:

    косметолог трихолог https://uslugi-kosmetologa2.ru/

  24. KennethKex表示:

    pin-up casino giris: pinup az – pin up casino

  25. SDiozxstus表示:

    перепродажа аккаунтов купить аккаунт

  26. Richardfek表示:

    pin up pin up pin-up casino giris

  27. ZackaryGer表示:

    https://pinuprus.pro/# пин ап вход

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

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