使用PIXI JS时提高性能有哪些提示和技巧?

时间:2017-05-04 15:11:50

标签: javascript pixi.js

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

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

我还注意到,当我运行游戏时,我的CPU风扇绝对是NUTS。它是全功率不停。听起来像喷气发动机。当我的游戏运行时,我的CPU使用百分比也随之而来。这是一面红旗吗?这究竟意味着什么?

如果修改我的精灵表不会有助于性能有没有人知道我可以看到任何其他提示或技巧来挤压我们的更多性能或停止抖动?我应该正在寻找或完全避免任何红旗?任何帮助将非常感激。提前谢谢!

1 个答案:

答案 0 :(得分:1)

PIXI github页面现在在其wiki上有一些性能提示:https://github.com/pixijs/pixi.js/wiki/Performance-Tips