javascript - 由 createjs 和 preload js 创建的翻书，需要 15 分钟。加载页面

Question

由 createjs 和 preload js 创建的翻书，需要 15 分钟。加载页面。它包含 300 多张图像。 http://www.mentalimage.com.au/perkins/05/index.html 我该如何解决这个问题？

Answer 1

您可以通过使用ImageOptim之类的优化您的 png 来获得一点文件大小。

还有一堆重复的帧。例如，相同的打开动画在关闭时再次播放，因此第 30 帧和第 70 帧是相同的。您可以重复使用不同的框架来减少这种情况

但是，您对资产采取的方法并不是最佳的。将其构建为完整的逐帧图像序列并不理想。

• 考虑为单独的部分设置动画，因此人物框架之类的内容只能导出一次，并且翻页是一个单独的 PNG 序列。Adobe Animate 之类的工具可以提供帮助，还可以将您的内容直接导出到 EaselJS 库
• 您可能想改用视频。逐帧动画将非常繁重，尤其是在您使用的尺寸上。

总的来说，我会推荐一种不同的动画方法。如果您不想将其重建为更具动态性，那么视频将是一种更好的方法。