ikonkov
@ikonkov

Как сделать такую SVG анимацию?

Привет, есть картинка в векторе в ней много объектов но экспортировать ее в SVG из Adobe Illustrator можно.
Необходимо анимировать часть изображения, а именно сделать чтобы чел на скрине дергал удочкой вверх вниз зациклено. Делать гифку не вариант. Можно ли как то при таком количестве объектов сделать анимацию при помощи CSS\JS?
5c8908364f85d894563311.png
  • Вопрос задан
  • 199 просмотров
Решения вопроса 1
@lagudal
Ну а почему нельзя - удочку - кроме вертикальной части лески и крючка - transform: rotate(здесь угол на который вертеть в deg), лучше всего вокруг катушки, а вертикальную часть синхронно transform: translate.
Правда, тут вижу одну маленькую проблему - было бы изящнее, чтобы нижняя часть лески оставалась строго вертикальной, т.е. двигать ее только по Y - transform: translate(Y), но тогда удочку надо или немного удлиннять, или не крутить, а тоже двигать по оси Y .
Или же нижнюю часть лески перемещать по обеим осям.
В любом случае, если эти перемещения маленькие, только чтобы обозначить, то можно любой из вариантов использовать, лучше всего поиграться и посмотреть, как будет лучше выглядить.
Кстати, я не вижу у этого рыбака правую руку, он инвалид что ли?
Я просто чтобы понять, если рука не должна быть видна, то можно смело поднимать все по Y, если же рука видна, то поднимать все с рукой или все таки крутить.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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