javascript - Phonegap Canvas 低刷新率

Question

我正在构建一个基于 Canvas 的网络游戏，该游戏在桌面 chrome 中以 60fps 的速度运行。它还在 Android 上的 chrome 中以 60fps 的速度运行。我将它加载到一个 phonegap 应用程序中，fps 计的读数仍然是 60fps，但屏幕每隔几个滴答才被绘制一次。是否有刷新率限制器强制 webview 每秒只绘制一次？还有什么其他因素可能会限制我的绘图，即使网站说它以 60fps 的速度重绘？

Answer 1

PhoneGap 默认情况下将使用内置的默认浏览器，它不是 chrome，除非您使用的是 KitKat，但那是另一回事。

现在我自己在使用默认浏览器时遇到了问题，即使是在获取用户签名这样的小型 Canvas 项目中也是如此，但那是因为 touchevent 触发率很低...

无论如何，可能的解决方案是强制 phonegap 使用 WebChromeClient 而不是默认客户端，您可以通过在 super.loadUrl 调用之前添加以下行来实现:

appView.setWebChromeClient(new WebChromeClient());

如果您确实强制使用 WebChromeClient，请确保您确实启用了 javascript、本地存储(如果需要)等。也有可能某些 PhoneGap 插件会损坏。如果您的游戏是纯 HTML5，那么我建议考虑不要为您的 Android 版本使用 phonegap，构建一个简单的 WebView 应用程序在 Android 中非常容易。

此外，如果您的游戏打算使用加速度传感器，请查看浏览器的原生支持:Can I Use resources

另外我一定会读THIS和 THIS

希望对您有所帮助。埃米尔