web-dev-qa-db-ja.com

Phaser.jsとIonic(遅い/不安定なレンダリング)を使用したゲームアプリの開発

ただあなたに知らせるために(誰かが開発したい場合に備えて)。

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をモバイルに直接インストールしてテストできると思います。または、ビルドを再試行してインストールしてください。

11
Vamshi Suram

あなたはそれを機能させることができます。しかし...ストック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などの他のオプションもありますが、私はそれらを自分で使用していません。

26
krik