Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/392.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript createjs创建的翻页书,并预加载js和it';让我们花15分钟加载页面_Javascript_Canvas_Createjs_Page Load Time_Preloadjs - Fatal编程技术网

Javascript createjs创建的翻页书,并预加载js和it';让我们花15分钟加载页面

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这样的工具可以帮助实现这

“动画书”由createjs创建并预加载js,加载页面需要15分钟。 它包含300多幅图像。
如何解决此问题?

您可以通过使用以下方法优化PNG来恢复一点文件大小

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

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

  • 考虑设置单独片段的动画,这样人物帧之类的内容只能导出一次,页面翻转是一个单独的PNG序列。像Adobe Animate这样的工具可以帮助实现这一点,还可以将内容直接导出到EaselJS库
  • 您可能需要使用视频来代替。逐帧动画将非常沉重,尤其是在您使用的维度上

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

您可以通过使用以下内容优化PNG来恢复一点文件大小

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

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

  • 考虑设置单独片段的动画,这样人物帧之类的内容只能导出一次,页面翻转是一个单独的PNG序列。像Adobe Animate这样的工具可以帮助实现这一点,还可以将内容直接导出到EaselJS库
  • 您可能需要使用视频来代替。逐帧动画将非常沉重,尤其是在您使用的维度上
总的来说,我会推荐一种不同的方法来制作动画。如果您不想将其重建为更具动态性,那么视频将是一种更好的方法