私は Javascript/HTML5 キャンバス ベースのゲームに取り組んでおり、これまでの JS コードの長さは 1200 行以上です。私は多くのオブジェクトと多くの異なる機能を使用しているので、疑問が頭に浮かびました。
別々の JS ファイルに別々のオブジェクトを持ち、独自の JS ファイルでそれらの別々のオブジェクトを参照するメイン ファイルを作成する方法はありますか? 少し乱雑に見え始めているので、コードをシンプルに保ちたいだけです。
ありがとうございました
私は Javascript/HTML5 キャンバス ベースのゲームに取り組んでおり、これまでの JS コードの長さは 1200 行以上です。私は多くのオブジェクトと多くの異なる機能を使用しているので、疑問が頭に浮かびました。
別々の JS ファイルに別々のオブジェクトを持ち、独自の JS ファイルでそれらの別々のオブジェクトを参照するメイン ファイルを作成する方法はありますか? 少し乱雑に見え始めているので、コードをシンプルに保ちたいだけです。
ありがとうございました
これにはrequireJSを使用できます。これにより、プロジェクト全体で簡単に使用できるAMD モジュールにコードを分離できます。
実稼働環境でコードを最適化および縮小するには、requireJS オプティマイザーである r.js を使用できます。これにより、すべてのモジュールを 1 つの縮小および醜いファイルに連結できます。
簡単な答えはイエスです。Jarrod が提案するように、各オブジェクトとそのプロパティおよびメソッドを独自のファイルに配置して、各ファイルをロードすることができます。
<script type="text/javascript" src="external/main.js"></script>
<script type="text/javascript" src="external/obj1.js"></script>
<script type="text/javascript" src="external/obj2.js"></script>
ここで、「external」は、HTML ファイルと同じフォルダー内のディレクトリです。