Как реализовать такую анимацию оленя?

https://vintage.agency/404
Может есть библиотеки?
  • Вопрос задан
  • 3542 просмотра
Пригласить эксперта
Ответы на вопрос 6
sfi0zy
@sfi0zy
UI developer. Верстаю неверстаемое.
Все движения оленя - это небольшие изменения одних и тех же кривых, это упрощает задачу. Посмотрите первый пример из вот этой статьи, там как раз описаны идеи того, как делать такие анимации.
Ответ написан
KeySVG
@KeySVG
аниматор svg / html5
Тут вроде даже без шейповой анимации обошлись, простенькими деформациями. Запросто можно реализовать как некоторыми онлайн редакторами, я бы восользовался Keyshape - 100пудово справится чистым svg, без js.
Ответ написан
@profesor08
SVG + GSAP = твой олень с 404 странички. Ничего сложного нет, нужны только промежуточные состояния оленя, в данном случае три, смотрит влево, смотрит на тебя, смотрит вправо. А при помощи gsap анимируются все точки из одного состояния в другое.
Ответ написан
Sanovskiy
@Sanovskiy
Веб-разработчик с тринадцатилетним стажем.
Простая работа с SVG animations есть в animejs
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы