javascript - CreateJS:Firefox 中的帧速率较差/奇怪

Question

我正处于基于 CreateJS 构建自己的游戏框架的早期阶段(特别是从 Flash IDE 导出所有内容的功能)。发现CreateJS(EaselJS)的帧率在Firefox中比在Chrome/IE中差很多。

此外，应用程序的帧速率(可能会使用 Ticker.setFPS 进行更改)似乎并不重要。看起来 Firefox 在渲染方面存在一些问题(我尝试过使用 60fps 和 30fps，这两种情况都有问题，看起来 FF 没有任何稳定的渲染时间/逻辑)。

我尝试使用 Ticker.timingMode(将其设置为 Ticker.RAF_SYNCHED)，但也没有帮助。

而且，我在互联网上发现了很多类似的主题/问题，但没有任何明确的答案。

所以，我想知道，是否有任何方法可以提高 FF 中的帧速率/渲染，或者我们应该像现在一样使用它？

P.S.:看起来问题可能部分出在 CreateJS 方面，因为我发现一些不错的 HTML5 游戏(据我所知他们不使用 CreateJS)在 FF 中具有流畅且漂亮的动画。这里是一个例子:https://www.netent.com/games/slots/dazzle-me/

Answer 1

EaselJS只是方便Canvas绘图操作和更新。我使用 CreateJS 框架构建了许多没有 FireFox 特定性能问题的应用程序和游戏，因此虽然可能是通过 CreateJS 发生的某些事情导致了问题，但它更可能与内容有关以及如何使用 CreateJS。

不同的浏览器有不同的问题和性能差异，包括它们如何处理矢量、GPU 上的大图像等。如果没有看到代码或示例，很难确定性能的走向。

1. 到目前为止，您已尝试过哪些措施来隔离性能？
2. 您是否有大量大图像、文本或矢量内容？
3. 您使用滤镜或阴影吗？
4. 您如何确定帧速率不起作用？ RAF_SYNCHED 尝试标准化计算机的 RAF 帧速率(通常约为 60 fps，但取决于很多因素)。
5. 您是否有很多子进程(例如粒子)？
6. 您是否经常检查鼠标位置或点击测试？

如果您可以提供更多信息、代码示例、工作演示等，您可能可以更好地诊断正在发生的情况。