Phaser.jsを使用してゲームアプリを開発しました。私はコードをIonic空白のスターターアプリに入れます。したがって、基本的にビューはIonic appを使用してレンダリングされ、Phaserはidによってdivを取得します。ゲームを表示します。
そのシンプルなゆるい鳥のクローン。正常に動作していますが、ブロックの動きが少し不安定です(震えているように)。 PhaserはWebGLを使用しているので、レンダリングが遅い理由でしょうか、それともionicフレームワーク(/ angularjs))が原因でしょうか?
ゲームアプリを構築するために他のツールを使用する必要がありましたか?
前もって感謝します。
ここでコードをチェックアウトできます: https://github.com/vamshisuram/ionic-flappybird-clone.git すべてのコードをGitにアップロードしました。したがって、platforms/ant-build/Hello-Cordova-debug.apkをモバイルに直接インストールしてテストできると思います。または、ビルドを再試行してインストールしてください。
あなたはそれを機能させることができます。しかし...ストックWebビューを使用するAndroidデバイスではWebGLはサポートされていません(IonicはCordovaを使用してアプリをパッケージ化し、デバイスのWebビュー内で実行されます):- http://caniuse.com/#feat=webgl
Phaser.jsは、2DキャンバスレンダリングにフォールバックするPixie.jsの上に構築されています。そのため、ゲームの実行速度が遅くなります。
IonicおよびWebGLを使用する場合は、 CrossWalkを使用してアプリを構築する を使用する必要があります。これを実行しました。すばらしいです: https:// crosswalk -project.org/
WebGLを実行するためのCocoonJSなどの他のオプションもありますが、私はそれらを自分で使用していません。