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

8,470 Responses

  1. Профессиональный сервисный центр по ремонту кнаручных часов от советских до швейцарских в Москве.
    Мы предлагаем: ремонт наручных часов
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  2. Профессиональный сервисный центр по ремонту мониторов в Москве.
    Мы предлагаем: цены на ремонт мониторов
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  3. Профессиональный сервисный центр по ремонту мониторов в Москве.
    Мы предлагаем: починка монитора
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  4. It’s difficult to find well-informed people about this subject, but you sound like you know what you’re talking about! Thanks

  5. Normanfer表示:

    comprar sildenafilo cinfa 100 mg espaГ±a: comprar viagra en espaГ±a envio urgente contrareembolso – comprar viagra en espaГ±a

  6. курс доллара алматы https://kursy-valut-online.kz/ .

  7. 오피表示:

    I couldn’t have said it better myself.오피

  8. Hello! I recently would want to supply a large thumbs up to the great information you could have here within this post. We are returning to your website for more soon.

  9. You are so awesome! I do not think I’ve truly read through something like this before. So great to discover another person with a few genuine thoughts on this topic. Seriously.. thank you for starting this up. This web site is one thing that is required on the internet, someone with a little originality.

  10. Текущий курс валют в Казахстане: актуальная информация
    Способы отслеживания курса валют в Казахстане
    Какие валюты выгодно менять в Казахстане
    Прогноз курса валют в Казахстане
    Точки обмена валюты в Казахстане
    курс доллара в алмате курс валют на сегодня алматы .

  11. Профессиональный сервисный центр по ремонту компьютероной техники в Москве.
    Мы предлагаем: ремонт компьютеров в москве
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  12. Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
    Мы предлагаем: ремонт бытовой техники в нижнем новгороде
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  13. Игровые автоматы на сайте Cryptoboss Casino, для незабываемого времяпрепровождения.
    Попробуйте свою удачу на автоматах в казино Cryptoboss, для тех, кто ищет азарта.
    Побеждайте на игровых автоматах Cryptoboss Casino, для истинных ценителей азарта.
    Попробуйте свою удачу на игровых автоматах в казино Cryptoboss, где каждый может стать победителем.
    Развлекайтесь в казино Cryptoboss на лучших автоматах, для тех, кто мечтает о крупном выигрыше.
    Играйте на популярных слотах в Cryptoboss Casino, для любителей азартных игр.
    Играйте на деньги на своих любимых слотах, и станьте победителем сегодня.
    Играйте в лучшие автоматы в казино Cryptoboss, для любителей азартных игр.
    Почувствуйте волнение от игры в казино Cryptoboss на автоматах, для ценителей азарта.
    Лучшие слоты на сайте Cryptoboss ждут вас, чтобы испытать настоящий азарт.
    Играйте в лучшие игровые автоматы на сайте Cryptoboss, где вас ждут крупные выигрыши.
    Лучшие игровые автоматы в казино Cryptoboss, где каждый может стать победителем.
    Увлекательные слоты на сайте Cryptoboss ждут вас, для любителей азартных игр.
    Игровые автоматы в казино Cryptoboss, которые порадуют вас выигрышами.
    Лучшие игровые автоматы на сайте Cryptoboss, для тех, кто мечтает о крупном выигрыше.
    Попробуйте свою удачу в казино Cryptoboss, для тех, кто ищет азарт.
    Эмоции бурлят в крови, играя в казино Cryptoboss на автоматах, где каждый может испыт
    игровые автоматы криптобосс hds5 игровые автоматы криптобосс hds5 .

  14. Профессиональный сервисный центр по ремонту камер видео наблюдения по Москве.
    Мы предлагаем: ремонт систем видеонаблюдения москва
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  15. BrianAnome表示:

    blacksprut сайт зеркало https://dark-blacksprut.com

  16. Great site! I recommend it to everyone!tarjima kino 2024

  17. Играйте бесплатно в Cryptoboss Casino с бездепозитным бонусом, не упустите возможность!
    Бездепозитный бонус поможет вам выиграть большую сумму в Cryptoboss Casino – шикарная возможность выиграть крупный джекпот.
    Уникальные возможности для игры без вложений в Cryptoboss Casino – ваши шансы на победу увеличиваются.
    Эксклюзивный бездепозитный бонус в Cryptoboss Casino – возможно, это ваш шанс стать богатым.
    Cryptoboss Casino радует бездепозитными бонусами для всех – уникальные преимущества для игры на деньги.
    Играйте на деньги, не рискуя своими средствами в Cryptoboss Casino – возможно, это ваш шанс выиграть крупный джекпот.
    Используйте уникальное предложение от Cryptoboss Casino для новичков – отличный старт для вашей игры.
    Бездепозитный бонус – это реальность в Cryptoboss Casino – возможно, это ваш шанс стать миллионером.
    Получите шанс выиграть крупный джекпот без вложений в Cryptoboss Casino – возможность заработать крупный выигрыш бесплатно.
    криптобосс бездепозитный бонус за регистрацию бонусы на пополнение cryptoboss casino .

  18. Marioassum表示:

    Как поднять настроение подруге с помощью смешного анекдота

  19. BrianGreli表示:

    девушки эскорт услуги москва мужчина эскорт услуги москва

  20. Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
    Мы предлагаем: сервис центры бытовой техники нижний новгород
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  21. Hello there! I could have sworn I’ve visited this website before but after browsing through some of the posts I realized it’s new to me. Anyhow, I’m certainly delighted I discovered it and I’ll be bookmarking it and checking back regularly!

  22. Профессиональный сервисный центр по ремонту бытовой техники с выездом на дом.
    Мы предлагаем: сервисные центры по ремонту техники в нижнем новгороде
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  23. Профессиональный сервисный центр по ремонту камер видео наблюдения по Москве.
    Мы предлагаем: сервисные центры ремонту камер в москве
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  24. Профессиональный сервисный центр по ремонту камер видео наблюдения по Москве.
    Мы предлагаем: ремонт систем видеонаблюдения москва
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

  25. Успейте воспользоваться промокодом для cryptoboss casino|Специальное предложение от cryptoboss casino
    Бонусный код для cryptoboss casino|Используйте промокод в cryptoboss casino и увеличьте свои шансы на победу
    Только сегодня! cryptoboss casino промокод|Играйте в cryptoboss casino с бонусным кодом
    cryptoboss casino промокод – ваш ключ к выигрышу|cryptoboss casino – играйте со скидкой по промокоду
    криптобосс промокод при регистрации криптобосс промокод hds5 .

    Успех в cryptoboss casino с промокодом
    Получите бонусный приз с cryptoboss casino промокодом
    Играйте в cryptoboss casino с дополнительными бонусами от промокодов|Эксклюзивный cryptoboss casino промокод – ваш шанс на победу
    Играйте в cryptoboss casino с бонусным промокодом для победы|Получите дополнительные бонусы с cryptoboss casino промокодом|Специальное предложение для игроков cryptoboss casino: промокод|Играйте с выгодой: cryptoboss casino промокод|Играйте в cryptoboss casino с эксклюзивным промокодом для успеха|cryptoboss casino – играйте с преимуществами промокода|Получите дополнительные бонусы с cryptoboss casino промокодом|Уникальное предложение для игроков cryptoboss casino: промокод|cryptoboss casino – ваша удача по промокоду|Увеличьте свои шансы на победу с промокодами от cryptoboss casino|Получите уникальные бонусы с cryptoboss casino промокодом|Используйте промокод в cryptoboss casino для больших выигрышей|Уникальное предложение от cryptoboss casino с промокодом|Успейте активировать cryptoboss casino промокод для дополнительных выигрышей|cryptoboss casino – играйте с выгодой с промокодами|Регулярные акции и cryptoboss casino промокоды для победы|Увеличьте свои шансы на победу в cryptoboss casino с промокодом|Эксклюзивный cryptoboss casino промокод – ваш путь к выигрышу

  26. Профессиональный сервисный центр по ремонту компьютероной техники в Москве.
    Мы предлагаем: лучшие сервисные центры по ремонту компьютеров
    Наши мастера оперативно устранят неисправности вашего устройства в сервисе или с выездом на дом!

發佈留言

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