Pixi js：画像上のオブジェクトを認識

Question

pixi jsを使用してカルカソンヌのようなゲームを作りたい。それぞれのタイルは別々のイメージであり、道路、町などのようなこのイメージ上のオブジェクトを認識する必要があります。この目的のためにpixiを使用することは可能ですか？はいの場合、私はどのようなアプローチを使用する必要がありますか？私はそれをgoogledしかし有用な何かを見つけることができません。

Answer 1

まずは：もちろん、pixi.jsを使用することができます。しかし、pixiはゲームエンジンではないことに注意してください。レンダラーだけなので、衝突や自分のゲームのポジショニングなど、多くの計算を自分で行う必要があります。

可能なアプローチ（私はそれを行うには他の方法のトンがあると確信している）：var myContainer = new PIXI.Container();

はのためのテクスチャを作成します。

1. あなたは、コンテナを作成あなたのすべての画像
2. をプリロードする必要がありますあなたのイメージ：var texture = new PIXI.Texture(yourImageStoringObject)
3. テクスチャをコンテナに追加します。myContainer.addChild(texture);
4. ヒットエリア（道路、町、 など）、このコンテナをメインコンテナに再度追加します。
5. あなたを表す長方形（new PIXI.Rectangle(x,y,w,h)）や円のようないくつかのPIXIの幾何学的形状は、エリアを打つ作成し、 今の私の答えは、抽象的アプローチの一種である、あなたのヒットエリアの容器に

を追加します。私はちょうどあなたのプロジェクトを開始するのに役立つだろうと推測しています。いくつかの基本を見つけて、もう一度助けを求めてみてください。いくつかのチャンクを提供できれば、手助けする方がはるかに簡単です！ :)