web-dev-qa-db-ja.com

Angular.JSを使用したゲームの構築

GameJamの場合、AngularJSでスプライトと小さなアニメーションを使用して単純なWebベースのテキストアドベンチャーゲームをコーディングしようとしています。私はAngularに少し慣れておらず、構造化の方法を理解するのに問題があります。私の問題は、ControllersDirectivesの問題が原因だと思います。

私のゲームは基本的に、テキストファイルからテキストをプルし、クリックするとDOM element内に表示する必要があります。それに付随して、キャラクターのスプライト画像を表示する別のDOMアイテムがあります。テキストの特定のビットが表示されている場合、画像をアニメーション化する必要があります。

AngularJSをよく知っている人は、私のcontrollersdirectives、およびHTMLビューの間でこれを構造化するための最もクリーンで効率的な方法を説明できますか?

2
bryanwillis7

DOM要素にはdirectivesを使用し、これらのcontrollers間の相互作用にはdirectivesを使用する必要があると思います。 DOM操作は、directive内でのみ実行する必要があります。

テキストファイルのフェッチはコントローラー内で実行できますが、serviceを使用してフェッチした方がよいでしょう。サービスは、再利用可能なビジネスロジック/データのフェッチに使用できます。

あなたはそれをMVCパターンとして見ることができます。モデル/ビジネスロジックはserviceに入れることができ、ビューは通常のHTML要素とdirectivesで構成され、コントローラーは2つの間の通信を調整します。

0
Vadiem Janssens