javascript - 使用 Phaser.js 和 Ionic 开发游戏应用程序（缓慢/不稳定的渲染）

Question

只是为了让您知道（以防有人想开发）。

我使用 Phaser.js 开发了一个游戏应用程序。我将代码放入 Ionic 空白启动器应用程序中。所以基本上视图是使用 Ionic 应用程序呈现的，然后 Phaser 通过 id 拾取 div 并显示游戏。

问题：

它是一个简单的飞扬鸟克隆。它工作正常，但方块运动有点摇晃（好像它们在发抖）。由于 Phaser 使用 WebGL，这可能是渲染缓慢的原因还是由于 ionic 框架（/angularjs）？

我应该使用其他一些工具来构建游戏应用程序吗？

提前致谢。

编辑：

您可以在此处查看代码：https ://github.com/vamshisuram/ionic-flappybird-clone.git 我将所有代码上传到 Git。所以，我想你可以直接将platforms/ant-build/Hello-Cordova-debug.apk 安装到你的手机中并进行测试。或者尝试再次构建并安装。

Answer 1

你可以让它工作。但是......在任何使用股票 webview 的 Android 设备上都不支持 WebGL（Ionic 使用 Cordova 打包应用程序，然后在设备上的 webview 中运行）：http ://caniuse.com/#feat=网页浏览器

Phaser.js 建立在 Pixie.js 之上，它将回退到 2D 画布渲染。这就是你的游戏运行缓慢的原因。

如果你想使用 Ionic 和 WebGL，你应该使用 CrossWalk 构建你的应用程序。我已经做到了，这很棒：https ://crosswalk-project.org/

还有其他选项，例如 CocoonJS 来让 WebGL 运行，但我自己没有使用过这些选项。