あんどうセーフ's game

Click here for free DL of the app version that can save data.

No:33498

137

←

Prev Next

→

あんどうセーフ
Developer sayaensm｜Date and time 24/1/4 14:16:55
Build time 36.575 sec｜Game capacity 3.596KB｜

Script

了解しました。ゲームのプロトタイプを作成し、スマートフォンで遊べるようにします。以下に実装例を示します。

0 3

このプログラムは、カウントダウン後に指定された時間内でスコアを増やすゲームです。スタートボタンを押すと、カウントダウンが始まり、カウントダウン終了後にゲームが開始されます。ゲーム中はスコアが増え、タイムアップするとゲームが終了します。再度スタートボタンを押すと、新しいゲームが始まります。ゲームのデザインやルールは任意で変更していただいて構いません。また、絵文字や他の要素を追加することも可能です。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

Click here for free DL of the app version that can save data.

了解しました。ゲームのプロトタイプを作成し、スマートフォンで遊べるようにします。以下に実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ゲーム</title>
<style>
body {
  background-color: #f5f5f5;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
  font-family: Arial, sans-serif;
}

#gameArea {
  width: 200px;
  height: 200px;
  border: 1px solid #ccc;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  user-select: none;
}

#gameArea span {
  font-size: 48px;
}

#gameArea button {
  margin-top: 16px;
  padding: 8px 16px;
  font-size: 16px;
  border: none;
  border-radius: 4px;
  background-color: #ddd;
  cursor: pointer;
}

#gameArea button:hover {
  background-color: #bbb;
}
</style>
</head>
<body>
<div id="gameArea">
  <span id="score">0</span>
  <span id="countdown">3</span>
  <button id="startButton">Start</button>
</div>

// ゲームの状態
const gameStatus = {
  score: 0, // スコア
  timeLeft: 0, // 残り時間
  timerId: null // タイマーのID
};

// ゲームの初期化
function initGame() {
  // スコアと時間の初期値をセット
  gameStatus.score = 0;
  gameStatus.timeLeft = gameSettings.duration;

// 最初の表示を更新
  updateGameDisplay();
}

// ゲームの表示を更新
function updateGameDisplay() {
  document.getElementById('score').textContent = gameStatus.score;
  document.getElementById('countdown').textContent = gameSettings.countdown > 0 ? gameSettings.countdown : '-';
  document.getElementById('startButton').disabled = gameSettings.countdown > 0;
}

// カウントダウンを実行
function runCountdown() {
  if (gameSettings.countdown > 0) {
    gameSettings.countdown--;
    updateGameDisplay();
    setTimeout(runCountdown, 1000);
  } else {
    startGame();
  }
}

// ゲームを開始
function startGame() {
  updateGameDisplay();

// 指定時間ごとにタイマーを実行
  gameStatus.timerId = setInterval(updateTime, 1000);
}

// ゲームの終了
function endGame() {
  clearInterval(gameStatus.timerId);
  updateGameDisplay();
}

// 残り時間の更新
function updateTime() {
  gameStatus.timeLeft--;

if (gameStatus.timeLeft <= 0) {
    endGame();
  } else {
    updateGameDisplay();
  }
}

// スコアの増加
function increaseScore() {
  gameStatus.score += gameSettings.scoreStep;
  updateGameDisplay();
}

// ボタンクリック時の処理
document.getElementById('startButton').addEventListener('click', function() {
  if (gameStatus.timeLeft <= 0) {
    initGame();
    runCountdown();
  }
});

// 初期化
initGame();
</script>
</body>
</html>
```

このプログラムは、カウントダウン後に指定された時間内でスコアを増やすゲームです。スタートボタンを押すと、カウントダウンが始まり、カウントダウン終了後にゲームが開始されます。ゲーム中はスコアが増え、タイムアップするとゲームが終了します。再度スタートボタンを押すと、新しいゲームが始まります。

ゲームのデザインやルールは任意で変更していただいて構いません。また、絵文字や他の要素を追加することも可能です。