Перевернутая книга, созданная createjs и preload js, занимает 15 минут. загрузить страницу

Question

flipbook, созданный createjs и preload js, занимает 15 минут. загрузить страницу. он содержит более 300 изображений. http://www.mentalimage.com.au/perkins/05/index.html Как я могу решить эту проблему?

Answer 1

Вы можете получить небольшой размер файла обратно, оптимизируя ваши png-файлы, используя что-то вроде ImageOptim.

Есть также куча повторяющихся кадров. Например, та же самая открытая анимация воспроизводится снова при закрытии, поэтому кадры 30 и 70 идентичны. Вы можете использовать разные кадры, чтобы уменьшить это

Однако подход, который вы выбрали для своих активов, не является оптимальным. Построение этого как полной покадровой последовательности изображений не является идеальным.

• Рассмотрите возможность анимации отдельных фрагментов, чтобы такие вещи, как кадры людей, можно было экспортировать только один раз, а переворот страницы - это отдельная последовательность PNG. Такие инструменты, как Adobe Animate, могут помочь с этим, а также экспортировать ваш контент непосредственно в библиотеку EaselJS.
• Вы могли бы хотеть использовать видео вместо этого. Покадровая анимация будет ОЧЕНЬ тяжелой, особенно в тех измерениях, которые вы используете.

В целом, я бы порекомендовал другой подход к вашей анимации. Если вы не хотите перестраивать его, чтобы он был более динамичным, тогда видео будет лучшим подходом.