phina.js 1日1ゲーム企画！ 自作クラスを作る！ 2日目

1日1ゲーム企画！
２日目です！
え？1日目から何日も経ってる気がしますが気のせいです！
では、今日もがんばりましょう。

開発には、javscriptのライブラリであるphina.jsを使わせていただきます！

今回は、前回書いたコードを自作クラスにまとめて呼び出してみました！

Runstantで開く

phina.define('day1', {
  init: function(parent) {
      // 背景色を指定
    parent.backgroundColor = '#ccc';
    // ラベルを生成
    this.label = Label('これから毎日ゲームを作るよ！').addChildTo(parent);
    this.label.x = parent.gridX.center(); // x 座標
    this.label.y = parent.gridY.center(); // y 座標
    this.label.fontSize = 40; // 塗りつぶし色
    this.label.fill = '#f00'; // 塗りつぶし色
  },
});

上記のように、day1クラスを作成して、
以下のように、引数にthisを渡しつつ呼び出しています。

// MainScene クラスを定義
phina.define('MainScene', {
  superClass: 'CanvasScene',
  init: function() {
    this.superInit();
    var day = day1(this);
  },
});

2日目は以上です！