由 createjs 和预加载 js 创建的翻书,需要 15 分钟。加载页面
flip book created by createjs and preload js and it's take 15 min. to load the page
使用 createjs 和预加载 js 创建的动画书,需要 15 分钟。加载页面。
它包含 300 多张图片。
http://www.mentalimage.com.au/perkins/05/index.html
我该如何解决这个问题?
您可以通过使用 ImageOptim 之类的方法优化您的 png 来获得一点文件大小。
还有一堆重复的帧。例如,相同的打开动画在关闭时再次播放,因此第 30 帧和第 70 帧是相同的。您可以重复使用不同的框架来减少这种情况
但是,您对资产采取的方法并不是最优的。将其构建为完整的逐帧图像序列并不理想。
- 考虑对单独的部分进行动画处理,这样人物框架之类的东西只能导出一次,翻页是一个单独的 PNG 序列。像 Adobe Animate 这样的工具可以帮助解决这个问题,还可以将您的内容直接导出到 EaselJS 库
- 您可能想改用视频。逐帧动画会非常繁重,尤其是在您使用的尺寸下。
总的来说,我会推荐一种不同的动画方法。如果您不想重建它以使其更具动态性,那么视频将是更好的方法。
使用 createjs 和预加载 js 创建的动画书,需要 15 分钟。加载页面。 它包含 300 多张图片。 http://www.mentalimage.com.au/perkins/05/index.html 我该如何解决这个问题?
您可以通过使用 ImageOptim 之类的方法优化您的 png 来获得一点文件大小。
还有一堆重复的帧。例如,相同的打开动画在关闭时再次播放,因此第 30 帧和第 70 帧是相同的。您可以重复使用不同的框架来减少这种情况
但是,您对资产采取的方法并不是最优的。将其构建为完整的逐帧图像序列并不理想。
- 考虑对单独的部分进行动画处理,这样人物框架之类的东西只能导出一次,翻页是一个单独的 PNG 序列。像 Adobe Animate 这样的工具可以帮助解决这个问题,还可以将您的内容直接导出到 EaselJS 库
- 您可能想改用视频。逐帧动画会非常繁重,尤其是在您使用的尺寸下。
总的来说,我会推荐一种不同的动画方法。如果您不想重建它以使其更具动态性,那么视频将是更好的方法。