CreateJS:Firefox中的差/奇怪帧率

时间:2015-10-29 13:43:11

标签: javascript html5 firefox createjs easeljs

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

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

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

此外,我在互联网上发现了很多类似的主题/问题,没有任何明确的答案。

所以,我想知道,如果有任何方法可以改善FF中的帧率/渲染,或者我们应该像现在一样使用它?

PS:看起来这个问题可能部分可能出现在CreateJS方面,因为我发现很少有很好的HTML5游戏(因为我知道他们不会使用CreateJS),而且动画流畅而且很好在FF。这是一个例子:https://www.netent.com/games/slots/dazzle-me/

1 个答案:

答案 0 :(得分:2)

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

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

  1. 到目前为止,您尝试过什么来隔离性能?
  2. 你有很多大型图片,文字或矢量内容吗?
  3. 您使用过滤器还是阴影?
  4. 您如何确定帧率不起作用? RAF_SYNCHED尝试规范计算机的RAF帧速率(通常约为60 fps,但取决于很多事情)。
  5. 你有很多孩子(比如颗粒)吗?
  6. 您是经常检查鼠标位置还是经常测试?
  7. 如果您可以提供更多信息,代码示例,工作演示等,您可以更好地诊断出什么是幸福感。