時間制限(p5.js)

p5.js

今回はゲームに時間制限を実装します。
これを利用すればゲージみたいな時間制限を実装することができます。

let timeLimit = 60000; // 60秒(ミリ秒)
let startTime;

function setup() {
  startTime = millis(); // ゲーム開始時の時間を記録
}

function time_limit(){
  let elapsedTime = millis() - startTime; // 経過時間を計算
  let remainingTime = timeLimit - elapsedTime; // 残り時間を計算
  
  if (remainingTime > 0) {
    // ゲームのロジックをここに記述
    textSize(32);
    fill(0);
    text("残り時間: " + floor(remainingTime / 1000), 10, 70); // 残り時間を秒で表示
  } else {
    // 時間切れの処理
    textSize(32);
    fill(255, 0, 0);
    text("時間切れ!", 10, 70);
    noLoop(); // drawのループを止める
  }
}

これで作ったtime_limitメソッドをdrawメソッド内で実行するように書いてください。
そうすればスコアの下に制限時間が表示されるはずです。

それではまた次回

コメント


タイトルとURLをコピーしました