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

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

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

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