【问题标题】:CreateJS: poor/strange framerate in FirefoxCreateJS:Firefox 中的帧率很差/奇怪
【发布时间】:2016-01-29 16:39:29
【问题描述】:

我正处于基于 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/

【问题讨论】:

    标签: javascript html firefox createjs easeljs


    【解决方案1】:

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

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

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

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

    【讨论】:

    • 我很想将此答案视为评论,但我知道您没有足够的空间...仍在投票关闭 OP/
    • 非常感谢您的评论!很抱歉没有附上示例的链接。这是:boomstudio.ru/portfolio/files/others/html5/slottest
    • > 到目前为止,您尝试过什么来隔离性能?我尝试创建 WebGL 画布以使用 SpriteStage 和 SpriteContainer,但没有帮助 =( > 你有很多大图像、文本或矢量内容吗?我会说不。我没有矢量或文本在当前阶段。而且我有很多位图图像,但它们并不大(大约 125x125 px)> 你是在使用滤镜还是阴影?在当前阶段,没有。> 你如何确定...我不确定它是否有效。我只是说使用此功能不会改变任何帧速率。
    • > 你有很多孩子(比如粒子)在玩吗?我有很多孩子(目前大约 100-150 个)。其中许多是不可见的(因为面具)。大约有 20-30 个孩子同时可见。
    • > 您是否经常检查鼠标位置或 hitTesting?完全没有。
    猜你喜欢
    • 2010-10-20
    • 1970-01-01
    • 1970-01-01
    • 2019-01-03
    • 2012-03-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多