L
Size: a a a
2020 April 10
L
вон той либой жскрипторской которую седня советовали?
L
а все вижу овтет
m
свг не зашло судя повсему а чем запилил ?
трек— svg, работает так само, как animatePath в svg, просто пишется в две строки
m
Байк вставлял уже изображением, ибо слишком много там элементов в нём, чтобы вставлять полотно в виде svg-кода
L
ну крутяк хотя на чистом свг всетаки круче =)
m
ну крутяк хотя на чистом свг всетаки круче =)
Так считай, что чистый svg, только сам путь svg читает либа и его не надо вручную прописывать
L
Так считай, что чистый svg, только сам путь svg читает либа и его не надо вручную прописывать
много весит? как в документации найти прилепливание анимации к кривой?
L
а все нагуглил кодпены
m
Сама либа 17кб в ласт версии, там все методы анимации.
#ex-track-3 = id из тега svg, а path -- метод
#bike -- id объекта, который нужно двигать
let path = anime.path('#ex-track-3 path'); где #ex-track-3 = id из тега svg, а path -- метод#ex-track-3 = id из тега svg, а path -- метод
anime({
targets: '#bike', где #bike -- id объекта, который нужно двигать#bike -- id объекта, который нужно двигать
translateX: path('x'),
translateY: path('y'),
rotate: path('angle'), -- для поворота объекта на угол пути (чтобы крутился) easing: 'linear',
duration: 25000,
loop: true,
direction: 'reverse'
});L
Сама либа 17кб в ласт версии, там все методы анимации.
#ex-track-3 = id из тега svg, а path -- метод
#bike -- id объекта, который нужно двигать
let path = anime.path('#ex-track-3 path'); где #ex-track-3 = id из тега svg, а path -- метод#ex-track-3 = id из тега svg, а path -- метод
anime({
targets: '#bike', где #bike -- id объекта, который нужно двигать#bike -- id объекта, который нужно двигать
translateX: path('x'),
translateY: path('y'),
rotate: path('angle'), -- для поворота объекта на угол пути (чтобы крутился) easing: 'linear',
duration: 25000,
loop: true,
direction: 'reverse'
});спасибо выглядит красивенько
L
L
мне еще вот такие штуки советовали
П
спасибо выглядит красивенько
Да, я ж говорю она класненькая
П
Хотя они все +- одинаковые
L
Да, я ж говорю она класненькая
но жаба всеравно грызет и хочет только svg без дополнительных костылей
П
но жаба всеравно грызет и хочет только svg без дополнительных костылей
свг прикольнее если это какой-то статичный фон, но ведб ты не повзаимодействуешь особо с свг, а тут и паузы и ивенты, полный фарш короче
L
свг прикольнее если это какой-то статичный фон, но ведб ты не повзаимодействуешь особо с свг, а тут и паузы и ивенты, полный фарш короче
эт да можно самому маленькие костылики под свои нужды написать конеш
П
эт да можно самому маленькие костылики под свои нужды написать конеш
сам же хоронишь свою идею))