CocosCreator 学習モジュールスクリプト

Cocos Creator モジュラースクリプト

Cocos Creator を使用すると、コードを複数のスクリプト ファイルに分割し、それらを相互に呼び出すことができます。このステップは単にモジュール化と呼ばれます。

モジュール化により、Cocos Creator 内の他のスクリプト ファイルを参照できるようになります。

• 他のファイルからエクスポートされたパラメータにアクセスする
• 他のファイルエクスポートメソッドを呼び出す
• 他のファイルエクスポートタイプを使用する
• 他のコンポーネントの使用または継承

Cocos Creator の JavaScript は、モジュール性を実現するために Node.js とほぼ同じ CommonJS 標準を使用します。簡単に言うと、

• それぞれのスクリプトファイルはモジュールを構成する。
• 各モジュールは個別のスコープです
• 他のモジュールを参照するには同期requireメソッドを使用します
• module.exportsをエクスポート変数に設定する

スクリプトでコンポーネントを宣言すると、Creator はデフォルトでそれをエクスポートし、他のスクリプトはこのモジュールを直接要求することでこのコンポーネントを使用できるようになります。

// 回転.js

cc.クラス({
   拡張: cc.Component、
   // ...
}); SinRotate.js

// シンローテーション.js

var Rotate = require("Rotate");

var SinRotate = cc.Class({
    拡張: 回転、
    更新: 関数 (dt) {
        this.rotation += this.speed * Math.sin(dt);
    }
});

モジュールはコンポーネントを定義できるだけでなく、実際に任意の JavaScript オブジェクトをエクスポートすることもできます。 config.jsスクリプトがあるとします。

// config.js - v2

var cfg = {
    移動速度: 10,
    バージョン: "0.15",
    チュートリアルを表示: true、

    ロード: 関数 () {
        // ...
    }
};
cfg.load();

モジュールをエクスポートします。

ここで、別のスクリプトから cfg オブジェクトにアクセスする場合は、次のようにします。

// プレーヤー.js

var config = require("config");
cc.log("速度は", config.moveSpeed);

module.exportsのデフォルト値は次のとおりです。
module.exportsに定義がない場合、Creator はスクリプトで定義されたコンポーネントにexports自動的に設定します。スクリプトでコンポーネントが定義されていないが、別のタイプの CCClass が定義されている場合、 exports定義された CCClass に自動的に設定されます。

変数のエクスポート

module.exportsデフォルトでは空のオブジェクト ( {} ) であり、そこに新しいフィールドを直接追加できます。

// foobar.js:

  module.exports.foo = 関数 () {
      cc.log("foo");
  };
  module.exports.bar = 関数 () {
      cc.log("バー");
  };

//テスト:

  var foobar = require("foobar");
  foob​​ar.foo(); // "foo"
  foob​​ar.bar(); // "バー"

module.exportsの値は任意の JavaScript タイプにすることができます。

// foobar.js:

  モジュール.エクスポート = {
      FOO: 関数() {
          this.type = "foo";
      },
      バー:「バー」
  };

//テスト:

  var foobar = require("foobar");
  var foo = new foobar.FOO();
  cc.log(foo.type); // "foo"
  cc.log(foobar.bar); // "bar"

上記は、CocosCreator のモジュラースクリプト学習の詳細な内容です。CocosCreator のモジュラースクリプトの詳細については、123WORDPRESS.COM の他の関連記事に注目してください。