Ingernirated
@Ingernirated
Романыч

Как правильно по времени заменять спрайты для анимации?

Всем привет!
Скачал спрайты, но анимация не выходит, как например смайлики в чате, получается картинки кусками и даже ускорение их смены не делает это дело более реалистичным.
Подскажите пожалуйста, как правильно её задавать в js?
Или нужно более, чем 5 картинок для плавности?
5b5f7b21888dd152743869.png5b5f7b25e5809465339814.png5b5f7b293593b555964617.png5b5f7b2b90b5a369973304.png5b5f7b2eade4a983048802.png
  • Вопрос задан
  • 234 просмотра
Решения вопроса 1
@forspamonly2
не надо ничего резать на отдельные картинки.

у css3 анимации можно указать фиксированное количество шагов.

так что выводите блок размером с один кадр, указывайте ему фоном вашу картинку с раскадровкой, делайте анимацию смещения позиции фона и задавайте ей количество шагов равное количеству кадров.

как тут: https://codepen.io/bsl-zcs/pen/lpaGv

а пять кадров - это просто очень короткая анимация, на пятую часть секунды. на должной скорости вполне плавно выглядит.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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