KineticJS 在 Android 移动 VS 20fps Android 桌面上提供 2fps 的拖动性能

Question

在 Android Chrome 上运行简单的 KineticJS 版本 5.0.2 应用程序（三星 Galaxy Note 10.1 2014 版上的 Android 4.3）时，交互式拖动性能非常慢（大约 2 fps），但只要我选择 Chrome 的设置为“请求桌面”网站”突然间，随着拖动刷新率，性能大幅提升了约 10 倍。我不确定这是否是 KineticJS 问题，或者完全是其他问题。在我的工作站上的桌面浏览器上运行，性能非常流畅。

这是应用程序的描述：背景层 (900x600) 中有一个位图，前景层 (320x156) 中有一个带有 alpha 通道的 PNG 位图，draggable = true。

如果我去掉背景层，那么拖动性能就OK了。

有没有办法解决这个问题？

Answer 1

我现在已经在上面提到的三星平板电脑上的移动和桌面模式下实现了大约 30 到 40 fps 的一致帧速率！

最大的变化来自重组我的游戏代码，该代码错误地调用了几次（大约 6 次）init()，而不是一次，每次都实例化舞台和多个图像。我还在代码顶部使用“Kinetic.pixelRatio = 1”，在静态背景图上使用“Kinetic.FastLayer()”。