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

  1. RandyKargo表示:

    Us Mex Pharm Mexican pharmacy ship to USA mexican pharmacy

  2. Cletusiders表示:

    certified Mexican pharmacy: USMexPharm – mexican pharmacy

  3. MicahTails表示:

    USMexPharm: certified Mexican pharmacy – mexican pharmacy

  4. SteveViand表示:

    http://usmexpharm.com/# mexico pharmacies prescription drugs

  5. MicahTails表示:

    USMexPharm: mexican online pharmacies prescription drugs – USMexPharm

  6. Jariorirz表示:

    Где купить диплом специалиста?
    Наши специалисты предлагают максимально быстро заказать диплом, который выполняется на оригинальной бумаге и заверен мокрыми печатями, водяными знаками, подписями. Данный документ способен пройти лубую проверку, даже с использованием профессиональных приборов. Достигайте свои цели быстро с нашим сервисом.
    Купить диплом любого ВУЗа kupitediplom0027.ru/kupit-diplom-o-visshem-obrazovanii-16/

  7. Sazrazn表示:

    Мы готовы предложить дипломы любой профессии по приятным ценам.– diplom-zentr.com/kupit-diplom-cherez-reestr-bistro-i-bezopasno-2/

  8. MicahTails表示:

    USMexPharm: certified Mexican pharmacy – Mexican pharmacy ship to USA

  9. RandyKargo表示:

    UsMex Pharm Mexican pharmacy ship to USA Mexican pharmacy ship to USA

  10. prada 188表示:

    But wanna admit that this is handy, Thanks for taking your time to write this.

  11. Sazrrrc表示:

    Мы изготавливаем дипломы любой профессии по невысоким ценам.
    Вы покупаете диплом в надежной и проверенной временем компании. Приобрести диплом ВУЗа– http://app.galaxiesunion.com/read-blog/28662_kakim-obrazom-pravilno-kupit-sebe-dokumenty-ob-obuchenii-v-nashi-dni.html/ – app.galaxiesunion.com/read-blog/28662_kakim-obrazom-pravilno-kupit-sebe-dokumenty-ob-obuchenii-v-nashi-dni.html

  12. сколько стоит сделать зубные протезы https://protezirovanie-zubov3.ru .

  13. DennisDor表示:

    certified Mexican pharmacy: certified Mexican pharmacy – Us Mex Pharm

  14. Cletusiders表示:

    Mexican pharmacy ship to USA: certified Mexican pharmacy – Us Mex Pharm

  15. DennisDor表示:

    usa mexico pharmacy: Mexican pharmacy ship to USA – mexican pharmacy

  16. SteveViand表示:

    https://usmexpharm.com/# Mexican pharmacy ship to USA

  17. prada188表示:

    You are my breathing in, I own few blogs and sometimes run out from brand :). “Truth springs from argument amongst friends.” by David Hume.

  18. Mazrpqo表示:

    Где купить диплом по актуальной специальности?
    Готовый диплом с приложением целиком и полностью отвечает стандартам Министерства образования и науки, никто не отличит его от оригинала – даже со специально предназначенным оборудованием. Не откладывайте личные мечты и цели на несколько лет, реализуйте их с нашей компанией – отправляйте заявку на изготовление диплома сегодня! Диплом о высшем образовании – запросто! instantjobber.com.ng/employer/premialnie-diplom-24

  19. DennisDor表示:

    Mexican pharmacy ship to USA: USMexPharm – UsMex Pharm

  20. dzenru表示:

    Чеки для отчётности с нужной датой и суммой — удобно и быстро. | Помощь в срочной отчётности — действительно работает. | Можно указать сумму, категорию расходов, дату. | Чеки в формате PDF, подходят для отчётности. | Отправляют чеки сразу после оплаты. | Выгодно, особенно если нужен большой объём чеков. | Для отчёта в налоговую — самое то. | Чеки всегда с актуальной датой. | Чеки для отчётности — удобно и просто. | Доверяю этому сервису не первый раз. купить чеки с ндс.

  21. Dnrtmdj表示:

    Мы можем предложить дипломы психологов, юристов, экономистов и прочих профессий по приятным ценам. Мы можем предложить документы ВУЗов, которые находятся в любом регионе РФ. Дипломы и аттестаты печатаются на бумаге высшего качества. Это дает возможности делать настоящие дипломы, которые не отличить от оригиналов. uktuliza.ru/forum/PAGE_NAME=profile_view&UID=21936

  22. SteveViand表示:

    http://usmexpharm.com/# USMexPharm

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

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