флип-книга, созданная с помощью createjs и предварительной загрузки js, и это занимает 15 минут. загрузить страницу

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


person Akram Mahmoud    schedule 06.11.2016    source источник


Ответы (1)


Вы можете вернуть немного размера файла, оптимизировав файлы PNG с помощью чего-то вроде ImageOptim.

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

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

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

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

person Lanny    schedule 06.11.2016