На сайте есть блок с картинками - это анимация человечка из серии картинок png
и например при определенных действиях скриптом картинки подменяются другими и в блоке отображается другая анимация
то есть для каждой анимации задана своя функция
var animation = {
default () {
// Дефолтная анимация
},
dance () {
// Танцует некоторое время и запускаем дефолтную
this.default()
}
}
animation.default();
// Какое то действие
animation.dance();
Сам вопрос вот в чем
Картинок этих получается много
например в дефолтной анимации при 30fps около 60шт
в танце около 100
И получается, что при загрузке страницы каждый раз грузятся 160 картинок, кеширование для них включено
И все картинки изначально подгружаются в невидимый блок
Но все равно как то долго грузится из-за них
Есть какие либо другие способы сделать анимацию из серии картинок не используя gif?
