AI game creator

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

No:9319

423

←

Prev Next

→

Old games
Developer User4246｜Date and time 23/7/23 16:14:15
Build time 15.975 sec｜Game capacity 1.755KB｜

Script

了解しました。以下に、スマートフォン上で遊べる簡単なゲームの実装例を示します。

このゲームでは、ゲーム画面上に表示されるターゲットをクリックすることでスコアが上がります。制限時間内に何回ターゲットをクリックできるかを競うゲームです。制限時間終了後にスコアが表示され、ゲームが終了します。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解しました。以下に、スマートフォン上で遊べる簡単なゲームの実装例を示します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ゲーム</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      font-size: 5rem;
    }
  </style>
</head>
<body>
  <script>
    // ゲームの状態を表す変数
    let score = 0;
    let time = 10;

// タイマーの処理
    const timer = setInterval(() => {
      time--;
      if (time <= 0) {
        clearInterval(timer);
        alert(`ゲーム終了！ あなたのスコアは ${score} 点です。`);
      }
    }, 1000);

// ゲーム用の要素を作成
    const gameElement = document.createElement('div');
    gameElement.textContent = '🎯';
    gameElement.style.position = 'absolute';
    gameElement.style.top = '50%';
    gameElement.style.left = '50%';
    gameElement.style.transform = 'translate(-50%, -50%)';
    gameElement.style.cursor = 'pointer';
    gameElement.addEventListener('click', () => {
      score++;
      gameElement.style.top = `${Math.random() * 90 + 5}%`;
      gameElement.style.left = `${Math.random() * 90 + 5}%`;
    });

// ゲームを開始
    document.body.appendChild(gameElement);
  </script>
</body>
</html>
```

このゲームでは、ゲーム画面上に表示されるターゲットをクリックすることでスコアが上がります。制限時間内に何回ターゲットをクリックできるかを競うゲームです。制限時間終了後にスコアが表示され、ゲームが終了します。