[JavaScript]20ミリ秒毎ごとに実行される関数でインクリメント

Question

前提・実現したいこと

20ミリ秒毎ごとに実行される「GameMain」という関数があるのですが、その関数の中でif文でgameModeという変数が2になったときに、levelという変数をインクリメントして1だけプラスしたいです。しかし、毎20ミリ秒ごとに実行されつづけるため、levelがどんどん増えていってしまいます。。。1上げたらインクリメントしないようにしたいのですが、どうすればよいのでしょうか？

該当のソースコード（levelをインクリメントしてるところに「//<-here」という印をつけてあります。）

/*
	ゲームルーチン
*/

// 必要な変数を宣言

// 画面に出す図形の数と大きさを定義
const OBJ_SZ = 20;
const GMAX = 10;		// 図形の個数
const DMAX = 10;
let donuts = [];

let step;
let timer;

let rect = [];
let panel = [];

let panelCnt;

let mypl;

let score;      //ドーナツ獲得ポイント
let miss_count;     //ミス数
let level;      //レベル数
let level_score;        //クリアに必要なスコア数
let gameMode;       //プレイの状態    0:初期化   1:プレイ中      2:クリア       3:オーバー

let wait;   //ゲームの流れを処理するウェイトタイマー

// 初期設定
function GameInit() {
    gameMode = 0;
    level = 1;
    mypl = new Panel();
    mypl.set_size(100, 40);
    mypl.set_pos(0, 540);
}

// メインの処理
function GameMain() {
    //ゲームの流れをgameModeによって制御
    if (gameMode == 0) {
        playInit();
        gameMode++;
        return;
    }
    if (gameMode == 2 || gameMode == 3) {    //クリア
        wait++;
        if (wait >= 100) {
            if (gameMode == 2) {
                level++;        //<-here
                gameMode = 0;
            } else {
                //オーバー
                if (key[KEY_SPACE] == 1) {
                    //スペースキー押しで現在のレベルから再スタート
                    level = 1;   //レベル1から再スタート
                    gameMode = 0;
                }
            }
        }
    }

	// 四角形同士の人チェック
    checkHitRect();

    //追加コード
    setScore();
    setMiss();

    checkHitMyDonuts();

	// panelとのヒットで反発
	for(let pl = 0; pl < panel.length; pl++){
		checkHitPanel(pl);
    }

    checkHitMyPanel(mypl);

	if(step < GMAX){
		timer--;
		if(timer <= 0){
			// 四角形移動開始
			rect[step].set_move(4,4);
			step++;
			timer = 20;
		}
	}

	//四角形の移動
	let i;
	for(i = 0; i < GMAX; i++){
		rect[i].move();
    }

    if (key[KEY_L] > 0) {
        if (mypl.x > 0) mypl.x -= 5;
    }
    if (key[KEY_R] > 0) {
        if (mypl.x < 800 - mypl.w) mypl.x += 5;
    }

    for (i = 0; i < DMAX; i++) {
        if (donuts[i].show == 0) continue;
        donuts[i].move();
        donuts[i].pat();
    }

    
    if (score == 10) {
        gameMode = 2;
    }
     if (miss_count == 10) {
        gameMode = 3;
    }
    
}


// 描画処理
function GameDraw() {
	// canvasをクリア
	ctMain.clearRect(0,0, scr_w, scr_h);

	// 塗りつぶし色の設定
	ctMain.fillStyle = "red";
	// 四角形（塗りつぶし）の描画

	let i;
	for(i = 0; i<rect.length; i++){
		let erect = rect[i];
		ctMain.fillRect(erect.x, erect.y, erect.w, erect.h);
	}

	// パネルの描画
	//ctMain.fillStyle = "blue";
	for(i = 0; i<panel.length; i++){
        let pl = panel[i];
        ctMain.fillStyle = pl.color;
		ctMain.fillRect(pl.x,pl.y,pl.w, pl.h);
    }

    ctMain.fillStyle = "white";
    ctMain.fillRect(mypl.x, mypl.y, mypl.w, mypl.h);

    for (i = 0; i < donuts.length; i++) {
        donuts[i].draw();
    }

    //情報数値の描画
    ctMain.font = "24px meiryo";
    ctMain.fillStyle = "#0f0";
    ctMain.fillText("SCORE:" + score, 100, 20);
    ctMain.fillStyle = "#ff0";
    ctMain.fillText("MISS:" + miss_count, 500, 20);
    ctMain.fillStyle = "#fff";
    ctMain.fillText("LEVEL:" + level, 300, 20);

    //GameOver GameClear描画
    if (gameMode == 2) {
        ctMain.textAlign = "center";
        ctMain.font = "64px meiryo";
        ctMain.fillStyle = "#fff";
        ctMain.fillText("レベル" + level + "クリア", 400, 300);
    } else if (gameMode == 3) {
        ctMain.textAlign = "center";
        ctMain.font = "64px meiryo";
        ctMain.fillStyle = "#f80";
        ctMain.fillText("ゲームオーバー", 400, 300);
    }
}

// 四角形のヒットチェック
function checkHitRect() {
	let i,k;
	for(k = 0; k < rect.length; k++){
		let arect = rect[k];
		let px0 = arect.x;
		let py0 = arect.y;
		let px1 = px0+arect.w;
		let py1 = py0+arect.h;
		for(i = 0; i < rect.length; i++){
			if(k == i) continue;	//自分自身
			rect[i].hitSub(px0,px1,py0,py1,1);
		}
	}
}

// パネルと四角形のヒットチェック
function checkHitPanel(type) {
	let pl = panel[type];
	let px0 = pl.x;
	let py0 = pl.y;
	let px1 = px0+pl.w;
	let py1 = py0+pl.h;

	let i;
	for(i = 0; i < rect.length; i++){
        //rect[i].hitSub(px0, px1, py0, py1, 0);
        if (rect[i].hitSub(px0, px1, py0, py1, 0)) {
            let color = pl.color;
            pl.set_color();
            if (color != pl.color) {
                if (Rand(3) != 0) continue;
                setDonuts(pl);
            }
        }
	}
}

function checkHitMyPanel() {
    let pl = mypl;
    let px0 = pl.x;
    let py0 = pl.y;
    let px1 = px0 + pl.w;
    let py1 = py0 + pl.h;

    let i;
    for (i = 0; i < rect.length; i++) {
        if (rect[i].hitSub(px0, px1, py0, py1, 0)) {

        }
    }
}

function checkHitMyDonuts() {
    let pl = mypl;
    let px0 = pl.x;
    let py0 = pl.y;
    let px1 = px0 + pl.w;
    let py1 = py0 + pl.h;

    let i;
    for (i = 0; i < donuts.length; i++) {
        if (donuts[i].show == 0) continue;
        if (donuts[i].hitSub(px0, px1, py0, py1, 0)) {
            donuts[i].show = 0;
        }
    }
}

//追加関数
function setScore() {
    let pl = mypl;
    let px0 = pl.x;
    let py0 = pl.y;
    let px1 = px0 + pl.w;
    let py1 = py0 + pl.h;

    let i;
    for (i = 0; i < donuts.length; i++) {
        if (donuts[i].show == 0) continue;
        if (donuts[i].hitSub(px0, px1, py0, py1, 0)) {
            score++;
        }
    }
}

//追加関数
function setMiss() {
    let i;
    for (i = 0; i < donuts.length; i++) {
        if (donuts[i].y == 600) miss_count++;
    }
}

function setDonuts(pl) {
    let i;
    for (i = 0; i < donuts.length; i++) {
        if (donuts[i].show != 0) continue;
        donuts[i].set_pos(pl.x + pl.w / 2, pl.y + pl.h / 2);
        donuts[i].set_move(0, 4);
        break;
    }
}

function playInit() {
    let i;
    //配列変数の初期化
    rect = [];
    donuts = [];
    panel = [];
    //ドーナツセットアップ
    for (i = 0; i < DMAX; i++) {
        donuts[i] = new Sprite(100, 0, 64, 64, 0, 0, 0);
    }
    //■セットアップ
    for (i = 0; i < GMAX; i++) {
        rect[i] = new RectMv(0, 0, OBJ_SZ, OBJ_SZ, 0, 0);
    }
    step = 0;
    timer = 0;
    score = 0;
    miss_count = 0;
    level_score = level * 10;
    //levelクリアに要するscore数
    wait = 0;

    //パネルセットアップ
    panelCnt = level;
    if (panelCnt > 10) panelCnt = 10;   //上限
    for (i = 0; i < panelCnt; i++) {
        panel[i] = new ColorPanel();
        let mp = panel[i];
        mp.set_color("orange");
        //縦か横をランダムで変える
        let w = 100;
        let h = 100;
        if (Rand(2) == 0) {
            w = Rand(50) + 50;
        } else {
            h = Rand(50) + 50;
        }
        mp.set_size(w, h);
        //位置をランダムで
        while (true) {
            let x = Rand(600) + 100 - w / 2;    //中心座標
            let y = Rand(200) + 100 - h / 2;
            //他のとかぶってないかチェック
            let k;
            for (k = 0; k < i; k++) {
                let op = panel[k];
                if (x + w / 2 < op.x - op.w / 2) continue;
                if (x - w / 2 < op.x - op.w / 2) continue;
                if (y + h / 2 < op.y - op.h / 2) continue;
                if (y - h / 2 < op.y - op.h / 2) continue;
                //かぶっているので再設定
                break;
            }
            if (k == i) {
                mp.set_pos(x, y);
                break;
            }
        }
    }
}

Comments

[papinianus]

hereの次でgameModeを0にしているので、次の実行タイミングではhereの前のifがtrueにならないと思うのですが？

Answer 1

状況がわかりませんが
gameMode == 2をチェックして0に初期化しているのに
また2に戻ってきているのですよね？
だったら常にインクリメントしないとまずくないですか？
どういう場合はインクリメントして
どういう場合はそうしないのかをはっきりさせたほうがよいです

levelが0,1しかとらないなら
lavel=1
でよいでしょうし、仕様次第です

Answer 2

なんかフラグを用意しといて、対象をインクリメントしたらこれをtrueにするようにしておけばどうでしょう
そんで、インクリメントはそのフラグがfalseのときだけにすればいいってことで。