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

Question

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

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

我还注意到我的 CPU 风扇在我运行游戏时完全疯了。它全功率不停。听起来像喷气发动机。当我的游戏运行时，我的 CPU 使用率也会上升。这是危险信号吗？这到底是什么意思？

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

Answer 1

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

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

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