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

18,879 Responses

  1. Albertfah表示:

    аренда авто адлер посуточно прокат авто адлер сочи аренда авто

  2. CarltonUnith表示:

    https://usaindiapharm.shop/# Online medicine home delivery

  3. Sazrczz表示:

    Заказать документ о получении высшего образования вы имеете возможность у нас. Мы предлагаем документы об окончании любых университетов РФ. Вы сможете получить диплом по любым специальностям, любого года выпуска, включая документы образца СССР. Гарантируем, что в случае проверки документа работодателями, подозрений не появится. good-diplom.ru/kupit-diplom-s-zaneseniem-v-reestr-bistro-i-nadezhno-28/

  4. Georgeunula表示:

    п»їlegitimate online pharmacies india: UsaIndiaPharm – pharmacy website india

  5. FrankGlora表示:

    UsaIndiaPharm: india pharmacy mail order – pharmacy website india

  6. Mazroaz表示:

    Где заказать диплом по нужной специальности?
    Полученный диплом с приложением полностью отвечает стандартам, неотличим от оригинала – даже со специальным оборудованием. Не откладывайте свои цели на потом, реализуйте их с нашей помощью – отправляйте заявку на изготовление диплома прямо сейчас! Диплом о среднем специальном образовании – не проблема! korenkyfr.4adm.ru/viewtopic.phpf=4&t=12236

  7. Georgeunula表示:

    best india pharmacy: indianpharmacy com – USA India Pharm

  8. DavidSooni表示:

    indianpharmacy com india pharmacy mail order UsaIndiaPharm

  9. Waltonnix表示:

    Online medicine home delivery: best india pharmacy – online shopping pharmacy india

  10. Waltonnix表示:

    USA India Pharm: USA India Pharm – Online medicine order

  11. Sazruom表示:

    Заказать диплом об образовании!
    Приобрести диплом института по доступной стоимости можно, обращаясь к надежной специализированной фирме. Заказать диплом о высшем образовании: diplom-onlinex.com/poluchite-attestat-o-srednem-obrazovanii-legalno-i-bistro

  12. Waltonnix表示:

    UsaIndiaPharm: USA India Pharm – online pharmacy india

  13. FrankGlora表示:

    UsaIndiaPharm: USA India Pharm – USA India Pharm

  14. CarltonUnith表示:

    https://usaindiapharm.com/# online shopping pharmacy india

  15. When I initially commented I seem to have clicked on the -Notify me when new comments are added- checkbox and from now on every time a comment is added I get 4 emails with the same comment. Perhaps there is a means you are able to remove me from that service? Cheers.

  16. DavidSooni表示:

    USA India Pharm [url=http://usaindiapharm.com/#]USA India Pharm[/url] UsaIndiaPharm

  17. Sazrqui表示:

    Заказать диплом университета по невысокой стоимости возможно, обращаясь к надежной специализированной компании. Мы предлагаем документы об окончании любых ВУЗов Российской Федерации. Заказать диплом ВУЗа– diplom-ryssia.com/kupit-diplom-s-zaneseniem-v-reestr-bistro-i-udobno-8/

  18. Хотите найти что-то особенное?, интернет-магазин Camogear. У нас широкий ассортимент. Не пропустите шанс, по лучшим ценам. и будьте в курсе акций. в каждой покупке – это наша цель. Наслаждайтесь покупками.
    штани тактичні військові штани тактичні військові .

  19. 1win_ovEn表示:

    cazinouri online moldova http://www.1win5016.ru .

  20. roxcasino表示:

    Получил бездепозитный бонус на rox casino. Есть поддержка 24/7, помогает моментально. Бонусы за пополнение щедрые. Играю на rox casino — выигрываю и отдыхаю. Rox casino — одно из лучших онлайн казино. Зарегистрироваться можно за 1 минуту. Лояльное отношение к игрокам. Ставки принимаются без задержек. Все лицензии доступны на сайте rox casino официальный сайт вход.

  21. Waltonnix表示:

    USA India Pharm: top online pharmacy india – UsaIndiaPharm

  22. FrankGlora表示:

    Online medicine order: UsaIndiaPharm – USA India Pharm

  23. Cazrxid表示:

    Привет!
    Мы предлагаем дипломы любой профессии по выгодным ценам. Стоимость зависит от выбранной специальности, года выпуска и образовательного учреждения: diplomanc.com/

  24. Georgeunula表示:

    mail order pharmacy india: USA India Pharm – USA India Pharm

  25. CarltonUnith表示:

    http://usaindiapharm.com/# india pharmacy

  26. Georgeunula表示:

    indian pharmacy: reputable indian pharmacies – best online pharmacy india

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

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