@DaniilPo

Как сделать анимацию самолёта?

Добрый день, нужно сделать анимацию бумажного самолёта
spoiler
61ee81cdf18f7119627726.jpeg

подобная траектория должна быть у самолёта
при нажатии на билет он складывается как будто делает бумажный самолёт и взлетает
как это всё можно сделать и сам полёт и складывание ?
  • Вопрос задан
  • 110 просмотров
Решения вопроса 1
twobomb
@twobomb
Сложно.
Ну как вариант делать гифкой. Тоесть делаем сначала например after effects анимацию самолета. Тоесть со сворачиваением из билета в бумагу. Делаем анимацию пролёта, далее оставляем из анимации пролёта в этом же after effects, только изменения поворота по осям и полностью убираем перещение. Тоесть условно это будет анимация пролета с вращением, но на одном месте. Это сделано для того чтобы получить нам гифку не большого размера, в которой сворачивается самолетик и крутится на месте по сути. Далее нам нужно будет реализовать на javascript уже именно перемещение самолета, так же как в after effect было изначально до запрета изменения перемещения. Чтобы получилось что самолёт крутится на гифке, а летит он реально по странице. Ну естественно это всё нужно будет синхронизировать, использовать библиотеку для работы с гифкой типа libgif-js.
Ну это как вариант, может не самый лучший. Можно попробовать сделать с svg или вообще заморочаться и сделать на webgl...
P.S. Нашёл в гугл картинках гифку, решил примерно продемострировать что имел ввиду. Анимацию кстате можно даже css сделать как у меня, ток запускать через js
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы