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

  1. Cletusiders表示:

    mexican pharmaceuticals online: usa mexico pharmacy – certified Mexican pharmacy

  2. DennisDor表示:

    Mexican pharmacy ship to USA: USMexPharm – Mexican pharmacy ship to USA

  3. DennisDor表示:

    pharmacies in mexico that ship to usa: usa mexico pharmacy – mexican pharmacy

  4. Sazrlon表示:

    Заказать диплом под заказ вы сможете используя сайт компании. globalnursingcareers.com/index.php/companies/frees-diplom

  5. DennisDor表示:

    Us Mex Pharm: usa mexico pharmacy – mexican online pharmacies prescription drugs

  6. RandyKargo表示:

    mexico drug stores pharmacies Mexican pharmacy ship to USA USMexPharm

  7. MicahTails表示:

    mexico drug stores pharmacies: USMexPharm – UsMex Pharm

  8. MicahTails表示:

    Mexican pharmacy ship to USA: USMexPharm – Us Mex Pharm

  9. RandyKargo表示:

    USMexPharm certified Mexican pharmacy Us Mex Pharm

  10. Cletusiders表示:

    Us Mex Pharm: usa mexico pharmacy – Mexican pharmacy ship to USA

  11. SteveViand表示:

    https://usmexpharm.shop/# certified Mexican pharmacy

  12. MicahTails表示:

    UsMex Pharm: usa mexico pharmacy – usa mexico pharmacy

  13. Uazrxpt表示:

    Здравствуйте!
    Для определенных людей, заказать диплом ВУЗа – это необходимость, удачный шанс получить отличную работу. Впрочем для кого-то – это желание не терять время на учебу в ВУЗе. С какой бы целью вам это не потребовалось, мы готовы помочь вам. Оперативно, качественно и по разумной цене сделаем документ нового или старого образца на настоящих бланках со всеми требуемыми подписями и печатями.
    Ключевая причина, почему многие покупают дипломы, – получить хорошую должность. К примеру, знания и опыт позволяют кандидату устроиться на работу, но подтверждения квалификации нет. Если работодателю важно наличие “корочки”, риск потерять вакантное место довольно высокий.
    Приобрести документ о получении высшего образования вы сможете в нашей компании. Мы оказываем услуги по изготовлению и продаже документов об окончании любых ВУЗов России. Вы получите диплом по любым специальностям, любого года выпуска, в том числе документы Советского Союза. Гарантируем, что при проверке документов работодателем, каких-либо подозрений не возникнет.
    Ситуаций, которые вынуждают заказать диплом ВУЗа немало. Кому-то срочно требуется работа, таким образом нужно произвести особое впечатление на начальника на протяжении собеседования. Другие желают устроиться в престижную компанию, для того, чтобы повысить свой статус и в будущем начать свой бизнес. Чтобы не терять драгоценное время, а сразу начать удачную карьеру, применяя имеющиеся навыки, можно купить диплом через интернет. Вы сможете стать полезным в социуме, обретете денежную стабильность в кратчайший срок- аттестат за 9 класс купить

  14. DennisDor表示:

    usa mexico pharmacy: certified Mexican pharmacy – UsMex Pharm

  15. MicahTails表示:

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

  16. переустройство и перепланировка жилого помещения3 http://www.udmageo.ru/ .

  17. Cletusiders表示:

    Us Mex Pharm: UsMex Pharm – mexico drug stores pharmacies

  18. mostbet_rtSn表示:

    mostbet kg скачать https://mostbet6034.ru/ .

  19. SteveViand表示:

    https://usmexpharm.shop/# Us Mex Pharm

  20. DennisDor表示:

    Us Mex Pharm: UsMex Pharm – mexican pharmacy

  21. DennisDor表示:

    Mexican pharmacy ship to USA: certified Mexican pharmacy – reputable mexican pharmacies online

  22. RandyKargo表示:

    Mexican pharmacy ship to USA [url=http://usmexpharm.com/#]mexican pharmacy[/url] certified Mexican pharmacy

  23. DennisDor表示:

    mexico drug stores pharmacies: certified Mexican pharmacy – USMexPharm

  24. 1win_tmMi表示:

    что делать с бонусным балансом на 1win https://1win6046.ru .

  25. Cletusiders表示:

    UsMex Pharm: usa mexico pharmacy – medication from mexico pharmacy

  26. MicahTails表示:

    USMexPharm: certified Mexican pharmacy – Mexican pharmacy ship to USA

發佈留言

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