게임 작성 튜토리얼(마인 스위퍼)(최종회)【마크 기능의 추가】

이번 목표

코드 설명

마크 기능 추가

MainScene의 변경점

  // メインシーン
  phina.define('MainScene', {
    superClass: 'DisplayScene',
    // コンストラクタ
    init: function() {
      // 親クラス初期化
      （略）
      // ピース配置
      PANEL_NUM_XY.times(function(spanX) {
        PANEL_NUM_XY.times(function(spanY) {
          // パネル作成
          （略）
          // パネルタッチ時
          panel.onpointstart = function() {
            // マークモードなら
            if (self.mode === 'mark') {
              if (!panel.isOpen && !panel.isMark) {
                // マーク追加
                if (self.markCount < BOMB_NUM) {
                  Mark().addChildTo(panel);
                  panel.isMark = true;
                  self.markCount++;
                }
              }
              else {
                if (self.markCount > 0) {
                  // マーク削除
                  panel.children[0].remove();
                  panel.isMark = false;
                  self.markCount--;
                }
              }
            }
            else {
              // パネルを開く
              self.openPanel(panel);
              // クリア判定
              self.checkClear();
            }
          };
        });
      });
      // モード
      this.mode = 'normal';

      // マークモードボタン
      Button({
        width: 120,
        height: 64,
        text: 'Mark',
        fill: 'silver',
      }).addChildTo(this)
        .setPosition(this.gridX.span(14), this.gridY.span(14.5))
        .onpush = function() {
          // モード変更
          if (self.mode === 'normal') {
            this.fill = 'hsl(160, 80%, 50%)';
            self.mode = 'mark';
          }
          else {
            this.fill = 'silver';
            self.mode = 'normal';
          }
        };
      // 参照用
      （略）
      // マークの数
      this.markCount = 0;
    },

// パネルを開く処理
openPanel: function(panel) {
  // マークされていた何もしない
  if (panel.isMark) return;
  （略）
},

결론

runstant 프로젝트 링크