Javascript createjs创建的翻页书,并预加载js和it';让我们花15分钟加载页面
“动画书”由createjs创建并预加载js,加载页面需要15分钟。 它包含300多幅图像。Javascript createjs创建的翻页书,并预加载js和it';让我们花15分钟加载页面,javascript,canvas,createjs,page-load-time,preloadjs,Javascript,Canvas,Createjs,Page Load Time,Preloadjs,“动画书”由createjs创建并预加载js,加载页面需要15分钟。 它包含300多幅图像。 如何解决此问题?您可以通过使用以下方法优化PNG来恢复一点文件大小 还有一堆重复的帧。例如,关闭时再次播放相同的打开动画,因此第30帧和第70帧是相同的。您可以重用不同的帧来减少这种情况 但是,您对资产采取的方法不是最佳的。将其构建为完整的逐帧图像序列并不理想 考虑设置单独片段的动画,这样人物帧之类的内容只能导出一次,页面翻转是一个单独的PNG序列。像Adobe Animate这样的工具可以帮助实现这
如何解决此问题?您可以通过使用以下方法优化PNG来恢复一点文件大小 还有一堆重复的帧。例如,关闭时再次播放相同的打开动画,因此第30帧和第70帧是相同的。您可以重用不同的帧来减少这种情况 但是,您对资产采取的方法不是最佳的。将其构建为完整的逐帧图像序列并不理想
- 考虑设置单独片段的动画,这样人物帧之类的内容只能导出一次,页面翻转是一个单独的PNG序列。像Adobe Animate这样的工具可以帮助实现这一点,还可以将内容直接导出到EaselJS库
- 您可能需要使用视频来代替。逐帧动画将非常沉重,尤其是在您使用的维度上
总的来说,我会推荐一种不同的方法来制作动画。如果您不想将其重建为更具动态性,那么视频将是一种更好的方法。您可以通过使用以下内容优化PNG来恢复一点文件大小 还有一堆重复的帧。例如,关闭时再次播放相同的打开动画,因此第30帧和第70帧是相同的。您可以重用不同的帧来减少这种情况 但是,您对资产采取的方法不是最佳的。将其构建为完整的逐帧图像序列并不理想
- 考虑设置单独片段的动画,这样人物帧之类的内容只能导出一次,页面翻转是一个单独的PNG序列。像Adobe Animate这样的工具可以帮助实现这一点,还可以将内容直接导出到EaselJS库
- 您可能需要使用视频来代替。逐帧动画将非常沉重,尤其是在您使用的维度上