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

  1. Cazrgfe表示:

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

  2. Sazrmxx表示:

    Купить диплом университета !
    Приобретение диплома любого ВУЗа РФ у нас – надежный процесс, поскольку документ будет заноситься в государственный реестр. Купить диплом ВУЗа diplomc-v-ufe.ru/kupit-diplom-v-reestre-bistro-i-bezopasno-3

  3. 1win_nhor表示:

    зеркало 1win работающее сегодня зеркало 1win работающее сегодня .

  4. RobertNaina表示:

    запись к гинекологу абакан гинеколог цена абакан

  5. 1win_jast表示:

    lucky jet официальный сайт скачать https://www.1win5055.ru .

  6. Dannytal表示:

    mexico pharmacies prescription drugs: mexico pharmacy order online – mexican rx online

  7. Michaelrom表示:

    medicine courier from India to USA: medicine courier from India to USA – Medicine From India

  8. RobertNaina表示:

    медицинский гинеколог врач гинеколог

  9. Larrytal表示:

    лечение варикоза по омс https://lechenie-varikoza1.ru

  10. 1win_dbor表示:

    1 win как использовать бонусный счет http://1win5056.ru .

  11. EdwardBes表示:

    медицинский центр абакан платная клиника абакан

  12. WalterIcort表示:

    https://rxexpressmexico.com/# mexico drug stores pharmacies

  13. Cazrbyo表示:

    Где приобрести диплом специалиста?
    Мы предлагаем дипломы любой профессии по выгодным тарифам. Важно, чтобы документы были доступными для большого количества наших граждан. Приобрести диплом института diplomt-v-chelyabinske.ru/kupit-diplom-s-reestrom-otzivi-10/

  14. 1win_nfst表示:

    букмекерские ставки скачать официальные http://1win5055.ru/ .

  15. Sazriid表示:

    Купить документ института вы сможете в нашем сервисе. Мы предлагаем документы об окончании любых университетов РФ. Вы сможете получить диплом по любым специальностям, любого года выпуска, в том числе документы СССР. Гарантируем, что в случае проверки документов работодателем, каких-либо подозрений не возникнет. diplomk-v-krasnodare.ru/kupit-diplom-o-visshem-obrazovanii-otzivi-pokupatelej/

  16. Сшить шторы на заказ по индивидуальному проекту, индивидуальный подход.
    Идеальные шторы по вашим размерам, с гарантией качества.
    Изготовление штор на заказ, по вашим размерам.
    Лучшие ткани для штор на заказ, по индивидуальному дизайну.
    Идеальные шторы на заказ для гостиной, под ваш вкус.
    Индивидуальный дизайн штор, по вашим желанием.
    Создание штор на заказ из натуральных тканей, с учетом особенностей помещения.
    Шторы на заказ с уникальным дизайном, по вашему желанию.
    Современные шторы на заказ, под любой интерьер.
    Создание штор для любого типа окна, от ведущих мастеров.
    Креативные шторы на заказ, с гарантией качества.
    Доступные цены на шторы на заказ, с высоким качеством.
    Стильные шторы по вашему проекту, под ваш бюджет.
    Премиум шторы на заказ, по вашему проекту.
    Шторы на заказ с доставкой и монтажом, по мере необходимости.
    Высококачественные шторы на заказ, по желанию клиента.
    сшить шторы на заказ сшить шторы на заказ . Prokarniz

  17. MichaelLoapy表示:

    india pharmacy indian pharmacy indian pharmacy online

  18. Sazrtgd表示:

    Мы предлагаем дипломы любой профессии по приятным тарифам.
    Вы заказываете диплом в надежной и проверенной временем компании. Заказать диплом о высшем образовании– http://connect.mopays.com/read-blog/40_vozmozhno-li-racionalno-priobresti-dokumenty-ob-obuchenii-v-nastoyashij-moment-v.html/ – connect.mopays.com/read-blog/40_vozmozhno-li-racionalno-priobresti-dokumenty-ob-obuchenii-v-nastoyashij-moment-v.html

  19. Uazreaf表示:

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

  20. Dnrtawr表示:

    Мы изготавливаем дипломы любых профессий по приятным тарифам. Мы готовы предложить документы ВУЗов, расположенных в любом регионе РФ. Дипломы и аттестаты делаются на “правильной” бумаге самого высокого качества. Это дает возможность делать настоящие дипломы, не отличимые от оригинала. epsontario.com/employer/archive-diploma

  21. SDiozxstus表示:

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

  22. Michaelrom表示:

    medicine courier from India to USA: Medicine From India – Medicine From India

  23. Zazactus表示:

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

  24. Sazrmat表示:

    Приобрести диплом об образовании!
    Приобрести диплом университета по выгодной стоимости возможно, обращаясь к проверенной специализированной фирме. Заказать диплом: kupitediplom.ru/diplom-s-provodkoj-zakazat-ofitsialno-i-nadezhno

  25. Zazactus表示:

    аккаунт для рекламы купить аккаунт

  26. Diplomi_dbEa表示:

    Заказать диплом о высшем образовании!
    Мы предлагаем документы ВУЗов, которые находятся в любом регионе РФ.
    diplomt-nsk.ru/kupit-diplom-o-srednem-obrazovanii-bistro-i-nadezhno-6/

發佈留言

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