GameJamの場合、AngularJSでスプライトと小さなアニメーションを使用して単純なWebベースのテキストアドベンチャーゲームをコーディングしようとしています。私はAngularに少し慣れておらず、構造化の方法を理解するのに問題があります。私の問題は、Controllers
とDirectives
の問題が原因だと思います。
私のゲームは基本的に、テキストファイルからテキストをプルし、クリックするとDOM element
内に表示する必要があります。それに付随して、キャラクターのスプライト画像を表示する別のDOM
アイテムがあります。テキストの特定のビットが表示されている場合、画像をアニメーション化する必要があります。
AngularJS
をよく知っている人は、私のcontrollers
、directives
、およびHTMLビューの間でこれを構造化するための最もクリーンで効率的な方法を説明できますか?
DOM要素にはdirectives
を使用し、これらのcontrollers
間の相互作用にはdirectives
を使用する必要があると思います。 DOM操作は、directive
内でのみ実行する必要があります。
テキストファイルのフェッチはコントローラー内で実行できますが、service
を使用してフェッチした方がよいでしょう。サービスは、再利用可能なビジネスロジック/データのフェッチに使用できます。
あなたはそれをMVCパターンとして見ることができます。モデル/ビジネスロジックはservice
に入れることができ、ビューは通常のHTML要素とdirectives
で構成され、コントローラーは2つの間の通信を調整します。