Javascript 使用Phaser.js和Ionic（缓慢/不稳定的渲染）开发游戏应用程序 只是想让你知道（万一有人想发展）。

我使用Phaser.js开发了一个游戏应用程序。我有点把代码放进了Ionic blank starter应用程序。因此，基本上视图是使用Ionic应用程序渲染的，然后Phaser根据id拾取div并显示游戏

问题: 这是一个简单的flappy鸟克隆。它工作正常，但是积木的运动有点不稳定（好像它们在颤抖）。由于Phaser使用WebGL，这可能是渲染速度慢的原因，还是由于ionic框架（/angularjs）

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

提前谢谢

编辑： 您可以在此处签出代码：

---

我将所有代码上传到Git中。因此，我想您可以直接将平台/ant构建/Hello Cordova debug.apk安装到您的手机中并进行测试。或者再次尝试构建并安装。

您可以让它正常工作。但是在任何使用stock webview的Android设备上都不支持WebGL（Ionic使用Cordova打包应用程序，然后在设备上的webview中运行该应用程序）：

Phaser.js构建在Pixie.js之上，Pixie.js将返回到2D画布渲染。这就是为什么你的游戏运行缓慢

如果你想使用爱奥尼亚和WebGL，你应该。我已经做到了，这真是太棒了：

---

还有其他选项，比如CocoonJS，可以让WebGL运行，但我自己还没有使用过

你能发布一个应用程序的链接吗？WebGL对图形硬件、驱动程序和浏览器实现相当敏感，可能结果在我们的计算机上有所不同。对不起，我希望发布该应用程序。游戏规格非常简单。就像飞鸟一样。它在中等规格的笔记本电脑浏览器中运行良好。但当我在高端手机（Galaxy S3）上试用该应用程序时，我面临着这个问题。想知道在低/中规格手机中会出现什么情况。@VamshiSuram如果你不分享相关代码，有谁能帮助你？@Charlie抱歉，我太粗鲁了。我添加了代码并发布了链接。请检查编辑。人行横道+1（或Cocoon，但Android人行横道很可爱）@krik谢谢你的建议。克罗斯沃克很酷。但apk的规模很大。游戏运行良好。我也试过了。需要注意决议。我想知道webview（在启动器中）是什么意思，因为zip文件只包含html、js和资产（没有Ionic/angular…）。这是否意味着cocoonjs类似于离子型？cocoonjs有两种口味。WebGL仅用于游戏。以及Webview和WebGL（如CrossWalk）用于常规应用程序。有趣的是，与CrossWalk相比，CocoonJS容器在Android上增加了多少开销。如果我同时使用CrossWalk和Ionic，是否有可能为iOS编写游戏？@phononstorm，Android的CrossWalk真的很好用。但我强迫这样一个问题，对于一些精灵，json动画以60fps的速度工作，但是当我在一个更轻的精灵上更改精灵时，我有一个稳定的5fps。为什么会这样？（谢谢你的回答）