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

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

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

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

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

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

  6. I’m not sure why but this weblog is loading incredibly slow for me.
    Is anyone else having this problem or is it a issue on my end?

    I’ll check back later and see if the problem still exists.

    Here is my blog post … tonic greens reviews

  7. Armandoknot表示:

    Прикольные анекдоты. Что такое анекдот.

  8. joubfmuda表示:

    Studio ghibli movies. Ansel adams. Miami. Possum. Monarch butterfly. Scaramouche. https://2480.g-u.su/

  9. ekzismfkr表示:

    Northern exposure. Ambulance. 9th amendment. Louis xvi. The amazing spider-man 2. Eagles songs. Ipod. Phoenix suns. https://2480.g-u.su/

  10. JosephFam表示:

    ventolin uk prescription: Buy Albuterol inhaler online – ventolin canada

  11. iwin68表示:

    {Tôi hạnh phúc hơn cả vui để tìm thấy trang web này. Tôi cần cảm ơn bạn {vì đã|dành thời gian cho|chỉ vì điều này|vì điều này|cho bài đọc tuyệt vời này!! Tôi chắc chắn yêu thích từng một phần nó và tôi cũng đã lưu làm mục ưa thích để xem điều mới trên trang web của bạn.|Tôi có thể chỉ nói rằng thật thoải mái để tìm thấy một cá nhân mà thực sự biết họ là gì thảo luận trên web. Bạn thực sự hiểu cách đưa một vấn đề ra ánh sáng và làm cho nó trở nên quan trọng. Nhiều người hơn nữa cần đọc điều này và hiểu khía cạnh này câu chuyện của bạn. Tôi không thể tin bạn không nổi tiếng hơn cho rằng bạn chắc chắn có món quà.|Tốt bài viết trên blog. Tôi hoàn toàn đánh giá cao trang web này. Tiếp tục làm tốt!|Thật khó tìm những người có học thức trong chủ đề cụ thể này, tuy nhiên, bạn nghe có vẻ bạn biết mình đang nói gì! Cảm ơn|Bạn cần tham gia một cuộc thi dành cho một trang web trên internet hữu ích nhất. Tôi sẽ Rất khuyến nghị trang web này!|Một hấp dẫn đáng giá bình luận. Tôi tin rằng bạn cần viết thêm về chủ đề này, nó có thể không là một điều cấm kỵ chủ đề nhưng nói chung mọi người không thảo luận vấn đề những điều này. Đến phần tiếp theo! Chúc mừng.|Xin chào! Tôi chỉ muốn cho bạn một rất to cho thông tin tuyệt vời bạn có ngay tại đây trên bài đăng này. Tôi đang quay lại trang web của bạn để biết thêm thông tin sớm nhất.|Khi tôi ban đầu để lại bình luận tôi có vẻ như đã nhấp vào hộp kiểm -Thông báo cho tôi khi có bình luận mới- và từ bây giờ bất cứ khi nào có bình luận được thêm vào tôi nhận được bốn email có cùng nội dung. Phải có một phương tiện bạn có thể xóa tôi khỏi dịch vụ đó không? Cảm ơn.|Lần sau nữa Tôi đọc một blog, Tôi hy vọng rằng nó sẽ không làm tôi thất vọng nhiều như bài này. Rốt cuộc, Vâng, đó là sự lựa chọn của tôi để đọc, nhưng tôi thực sự tin bạn sẽ có điều gì đó hữu ích để nói. Tất cả những gì tôi nghe được là một loạt phàn nàn về điều gì đó mà bạn có thể sửa nếu bạn không quá bận tìm kiếm sự chú ý.|Đúng với bài viết này, tôi thực sự nghĩ trang web này cần nhiều hơn nữa sự chú ý.

  12. aqeeieint表示:

    Jim thorpe. Taurus horoscope. Urinary tract infection. Southampton. Charles bronson. Ganesha. Museum. What is kombucha. https://2480.g-u.su/

  13. Robertdaw表示:

    Сайт предоставляет информацию о биодобавках http://биодобавки.рф состав, польза и рекомендации по применению. Здесь вы найдёте обзоры эффективных добавок для улучшения здоровья, иммунитета и энергии на основе научных данных и экспертных мнений.

  14. Kupit_jiPi表示:

    Бетон от надежного производителя в Нижнем Новгороде, с быстрой доставкой, с высоким качеством, доставка в удобное время, Купить бетон на заводе в Нижнем Новгороде, Бетон оптом от производителя в Нижнем Новгороде, по выгодной цене, с гарантией качества, по доступной цене
    бетон цена за куб нижний новгород https://1beton-52.ru/ .

  15. jcuwrwgca表示:

    Salvation. Consciousness. Black friday deals. Time magazine. Jack black movies. Javelin. https://2480.g-u.su/

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

  17. go789表示:

    {Tôi đã háo hức khám phá trang web tuyệt vời này. Tôi cần cảm ơn bạn {vì đã|dành thời gian cho|chỉ vì điều này|vì điều này|cho bài đọc tuyệt vời này!! Tôi chắc chắn thích thú từng của nó và tôi đã đánh dấu trang để xem thông tin mới trong blog của bạn.|Tôi có thể chỉ nói rằng thật nhẹ nhõm để khám phá một người mà thực sự biết họ là gì thảo luận trên internet. Bạn chắc chắn hiểu cách đưa một vấn đề ra ánh sáng và làm cho nó trở nên quan trọng. Nhiều người hơn nữa cần xem điều này và hiểu khía cạnh này câu chuyện của bạn. Tôi đã ngạc nhiên rằng bạn không nổi tiếng hơn vì bạn chắc chắn sở hữu món quà.|Xuất sắc bài viết. Tôi chắc chắn đánh giá cao trang web này. Tiếp tục với nó!|Thật gần như không thể tìm thấy những người có học thức cho điều này, nhưng bạn có vẻ bạn biết mình đang nói gì! Cảm ơn|Bạn nên là một phần của một cuộc thi dành cho một blog trên mạng tốt nhất. Tôi sẽ Rất khuyến nghị trang web này!|Một động lực đáng giá bình luận. Tôi nghĩ rằng bạn nên viết thêm về chủ đề này, nó có thể không là một điều cấm kỵ vấn đề nhưng nói chung mọi người không thảo luận chủ đề những điều này. Đến phần tiếp theo! Trân trọng!|Chào bạn! Tôi chỉ muốn cho bạn một rất cho thông tin xuất sắc bạn có ngay tại đây trên bài đăng này. Tôi sẽ là trở lại blog của bạn để biết thêm thông tin sớm nhất.|Khi tôi ban đầu để lại bình luận tôi có vẻ như đã nhấp vào hộp kiểm -Thông báo cho tôi khi có bình luận mới- và bây giờ bất cứ khi nào có bình luận được thêm vào tôi nhận được 4 email có cùng nội dung. Phải có một phương tiện bạn có thể xóa tôi khỏi dịch vụ đó không? Cảm ơn rất nhiều.|Lần sau Tôi đọc một blog, Tôi hy vọng rằng nó không thất bại nhiều như bài này. Ý tôi là, Vâng, đó là sự lựa chọn của tôi để đọc hết, dù sao thì tôi thực sự tin bạn sẽ có điều gì đó hữu ích để nói về. Tất cả những gì tôi nghe được là một loạt khóc lóc về điều gì đó mà bạn có thể sửa nếu bạn không quá bận tìm kiếm sự chú ý.|Đúng với bài viết này, tôi thực sự tin trang web này cần nhiều hơn nữa sự chú ý.

  18. Успейте воспользоваться промокодом для cryptoboss casino|Новый промокод для cryptoboss casino
    Играйте в cryptoboss casino с привлекательным промокодом|Увеличьте свой выигрыш с cryptoboss casino промокодом
    Успейте воспользоваться привилегией cryptoboss casino промокода|Уникальное предложение от cryptoboss casino с промокодом
    Увеличьте свои шансы на победу в cryptoboss casino промокодом|Бонус при регистрации в cryptoboss casino с промокодом
    криптобосс промокод при регистрации cryptoboss промокод .

    Получите уникальный бонус с 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 с уникальным промокодом для успеха

  19. Kupit_jxPi表示:

    Бетон от надежного производителя в Нижнем Новгороде, Широкий выбор бетонных смесей в Нижнем Новгороде, по доступным ценам, Заказать качественный бетон у проверенных поставщиков в Нижнем Новгороде, Бетонные заводы в Нижнем Новгороде: широкий выбор, с доставкой на объект, по выгодной цене, Купить готовый бетон в Нижнем Новгороде: широкий ассортимент, с высоким уровнем сервиса
    бетон купить нижний новгород бетон купить нижний новгород .

  20. Kupit_foPi表示:

    Заказать качественный бетон в Нижнем Новгороде, Бетонные смеси в Нижнем Новгороде: лучшие предложения, Бетон в Нижнем Новгороде: актуальные предложения, Заказать качественный бетон у проверенных поставщиков в Нижнем Новгороде, с гарантией качества, Купить бетон оптом в Нижнем Новгороде: лучшие предложения, по выгодной цене, по вашим требованиям, по доступной цене
    бетон в нижнем новгороде https://1beton-52.ru/ .

  21. Kupit_ybPi表示:

    Купить бетон от производителя в Нижнем Новгороде, Купить качественные бетонные смеси в Нижнем Новгороде, Бетон в Нижнем Новгороде: актуальные предложения, с гарантией качества, Надежные бетонные заводы в Нижнем Новгороде, по лучшим условиям, Индивидуальные бетонные решения в Нижнем Новгороде, Заказать качественный готовый бетон в Нижнем Новгороде, с высоким уровнем сервиса
    бетон м300 цена нижний новгород https://1beton-52.ru/ .

  22. Explore a wide range of styles at paige jeans outlet.

  23. seasonvar表示:

    Catch 22. Sopranos cast. Rna. Quadriceps. Poseidon. Geraldo rivera. https://20242025.g-u.su/

  24. That is a good tip particularly to those fresh to the blogosphere. Simple but very accurate information… Many thanks for sharing this one. A must read post.

  25. My spouse and I stumbled over here coming from a
    different web page and thought I should check things
    out. I like what I see so now i’m following you.
    Look forward to looking at your web page for a second time.

    Have a look at my blog :: para que sirve emperor’s vigor tonic en español

  26. CharlesGed表示:

    Букмекерская компания Мелбет или известная в других кругах Melbet, имеет огромное количество игроков в онлайне. В первую очередь компания предоставляет высокие коэффициенты и сильную линию с лайвом. Это дает возможность игрокам профессионалом пользоваться конторой на полную катушку. Плюс, с помощью промокода вы получите бонус 10400 тысяч рублей. Без промо кода до 8000 тысяч. промокод бк при регистрации представляют собой бонусные возможности, которые дает сама букмекерская контора. Сегодня многие букмекеры предлагают такие бонусы как для впервые зарегистрировавшихся пользователей, так и для тех, кто давно занимается ставками на спорт. MelBet тоже не отстает от всеобщей тенденции и активно продвигает рекламу бонуса, раздаваемого в момент регистрации. Промокод Мелбет станет отличной базой для новичков и позволит попробовать свои возможности в бесплатных ставках или других подобных предложениях. Как получить такой промокод и применить его на деле, рассмотрим далее.

  27. JosephFam表示:

    buy furosemide online: furosemide online – lasix online

  28. book hotels表示:

    This excellent website certainly has all the information I wanted about this subject and didn’t know who to ask.

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

發佈留言

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