問題タブ [phaser-framework]

お知らせするだけです（誰かが開発したい場合に備えて）。

Phaser.js を使ってゲームアプリを開発しました。コードをIonicの空のスターターアプリに入れました。したがって、基本的にビューは Ionic アプリを使用してレンダリングされ、Phaser は id で div を取得してゲームを表示します。

問題：

その単純なゆるい鳥のクローンです。正常に動作していますが、ブロックの動きが少し不安定です (まるで震えているようです)。Phaser は WebGL を使用しているため、レンダリングが遅い理由でしょうか、それとも ionic フレームワーク (/angularjs) が原因でしょうか?

ゲームアプリを構築するために他のツールを使用する必要がありましたか?

前もって感謝します。

編集：

ここでコードをチェックアウトできます: https://github.com/vamshisuram/ionic-flappybird-clone.git すべてのコードを Git にアップロードしました。したがって、platforms/ant-build/Hello-Cordova-debug.apkをモバイルに直接インストールしてテストできると思います。または、もう一度ビルドしてインストールしてください。

私はゲーム開発に少し慣れていません。現在、html5 ゲームに Phaserjs を使用しています。境界の片側からはみ出したスプライトの部分を反対側に持ってきたいです。Phaser のイメージ ドキュメントを確認しました。どうすればよいかわかりません。その部分をコピーしてキャンバスに貼り付けることを考えましたが、ゲーム オブジェクトの参照は同じではありません。また、コピー機能には制限があります（画像左上からのコピー）。

Phaser の例を調べました。しかし、何の手がかりも得られませんでした。

どんな助けでも大歓迎です。ありがとう。

私は 6 つの画像を含む Phaser.group を持っています。グループの高さは 600px ですが、最初の 3 つの画像のみを高さ約 300px にして、画像のスロット タイプの効果を得たいと考えています。

マスク付きの .crop でさまざまなオプションを試しましたが、最善の解決策を見つけました。

clipRect を作成するにはどうすればよいですか?

ありがとう

Phaser パッケージ ( http://phaser.io/ )を使用して html5/javascript ゲームを開発しています。

この一環として、レイキャスティングを行って、キャラクターの前方と側面にも視野円錐を作成する必要があります。過去に、これが非常に簡単なユニティを使用していましたが、フェイザーを使用してこれを行う方法がわかりません。

私がやりたいことをスケッチしました：

javascript/フェイザーでこれをどこから始めればよいか本当にわかりません。現在、壁はスプライトで構成されています。障害物検出のためにレイキャスティングを行う方法に関する良い情報がどこにも見つからないので、誰かが私を正しい方向に向けることができれば、それは素晴らしいことです.

または、複数の方向で障害物を検出するためのより良いアプローチを誰かが提案できますか?

ゲームに重力のある体を追加したので、真ん中に「地球」の円がある大きな空の画面を想像してください。

ゲームに追加された他の体をこのサークルに「加速」または「引き付け」させるには、どのような方法がありますか? 基本的に、小惑星が出現した場合、初速度は維持されますが、地球の重力の影響を受けます。

私のゲームでは、モバイル デバイスで動作するいくつかのボタンが必要です (ゲームで押したり押したりできるボタン)。私はこの例を見て(ここで使用されている Phaser のバージョンは古いですが、まだ機能していることに注意してください)、一時的に機能するボタンをいくつか持つことができました。その例のソース コードを次に示します。

ただし、これらの仮想ゲームパッド ボタンを作成するためのこの例のコードについて、1 つのことが気になりました。ボタンのコードは DRY (Don't Repeat Yourself) ではありませんでした。これらのボタンが何度も何度も同じ方法で作成され続ける様子を見ることができます:

それらは非常に非 DRY で作成されており、非効率的な方法であると感じているため、ボタンには、すべての継承元であるゲームパッド ボタン クラスが必要であると判断しました。残念ながら、このボタン クラスを機能させようとして、多くの問題に遭遇してきました。

ここに、ゲームでやろうとしていることをモデル化した例があります。

（これが私の例のソースコードです）

ご覧のとおり、矢印キーはスプライトを動かすのにうまく機能しますが、モバイル ボタンはうまく機能しません。フレームのスプライトを移動するだけで、再び移動を停止します。なぜキーが機能するのかわかりませんが、モバイル ボタンは機能しません。問題は、クラス内のコードが実行されるべきだと思っている方法で実行されていないようです (つまり、onInputOver、onInputDown、およびonInputUpイベントに関するすべてのコードが正しく実行されておらず、クラスのみが実行されているようです) 。ボタンが押されたときに実行するメソッドに注意してください)。私のボタンクラスの問題を誰かが理解できますか?

Phaser スプライトに法線マップを適用しようとしていますが、Phaser 2.1.1 (Pixi 1.6.1) で次の WebGL エラーが発生します。

これが私のコードです：

スプライト画像と法線マップはどちらも 512x512 です。

どんな助けでも大歓迎です、ありがとう！