使用Phaser.js和Ionic开发游戏应用程序（缓慢/抖动渲染）

Question

只是为了让你知道（如果有人想要开发）。

我使用Phaser.js开发了一款游戏应用。我把代码放入Ionic空白启动应用程序。因此，基本上使用Ionic应用程序渲染视图，然后Phaser通过id获取div并显示游戏。

问题：

它是一个简单易碎的鸟类克隆。它的工作正常，但块运动有点不稳定（好像它们在颤抖）。由于Phaser使用WebGL，它可能是渲染速度慢的原因还是由于离子框架（/ angularjs）？

我是否应该使用其他工具来构建游戏应用程序？

提前致谢。

编辑：

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

Answer 1

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

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

如果你想使用Ionic和WebGL，你应该build your app using CrossWalk。我已经做到了，它很棒：https://crosswalk-project.org/

还有其他选择，例如CocoonJS可以让WebGL继续运行，但我自己并没有使用它们。