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

Question

只是为了让你知道(以防有人想要发展).

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

问题:

它是一个简单的飞扬的鸟类克隆.它的工作正常,但块运动有点不稳定(好像它们在颤抖).由于Phaser使用WebGL,它可能是缓慢渲染的原因还是由于离子框架(/ angularjs)？

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

提前致谢.

编辑:

你可以在这里查看代码:https://github.com/vamshisuram/ionic-flappybird-clone.git 我将所有代码上传到Git.所以,我想你可以直接在你的手机上安装平台/ 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,您应该使用CrossWalk构建您的应用程序.我已经做到了,它很棒:https://crosswalk-project.org/

还有其他选项,比如CocoonJS可以让WebGL继续运行,但我自己并没有使用它们.