使用 PIXI JS 时提高性能的一些提示和技巧是什么?

What are some tips and tricks to increasing performance when using PIXI JS?

我使用 PIXIJS 创建了一个相当强大的老虎机游戏,我注意到动画期间有一些相当大的抖动。即使我使用像 Greensock 这样的第三方补间库。如果我没有将补间库用于运动和动画,我有一个游戏循环来计算 detla 并根据该值调整动画。这两种情况都会产生一些不稳定的性能。我注意到在使用 PIXI.extras.AnimatedSprite.

时我的动画开始时有很大的滞后

我正在为我的动画使用 sprite 表。我还为我的非动画图像使用精灵表。我使用 TexturePacker 的多包功能将所有非动画图像塞入 2024x2024 精灵表。这导致我的整个游戏需要 3 个 2024x2024 精灵表。除了我用于动画的 6 个其他 sprite 表。我想知道这些大精灵表是否导致了问题。这是加载和使用图像的最有效方式吗?将它们塞进精灵表中?或者我应该为每个图像使用 url 单独加载每个图像?

我还注意到我的 CPU 粉丝在我 运行 我的游戏时完全疯了。它全功率不停。听起来像喷气发动机。我的 CPU 使用百分比在我的游戏也在 运行ning 时大幅上升。这是危险信号吗?这到底是什么意思?

如果修改我的 sprite 表对性能没有帮助,有没有人知道我可以查看的任何其他提示或技巧来压缩我们的更多性能或停止抖动?我应该寻找或完全避免任何危险信号吗?任何帮助将非常感激。提前致谢!

PIXI github 页面现在在其 wiki 上有一些性能提示:

https://github.com/pixijs/pixi.js/wiki/Performance-Tips

https://github.com/pixijs/pixi.js/wiki/v4-Performance-Tips