AI game creator

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

No:6178

1514

←

Prev Next

→

ATARI shock
Developer User3860｜Date and time 23/7/1 19:13:34
Build time 32.189 sec｜Game capacity 3.174KB｜

Script

はじめに、ATARIショックに関するプログラムを作成することを理解しました。以下に、ATARIショックをテーマとした簡単なゲームの実装例を示します。

このプログラムは、プレイヤーが矢印キーで操作し、敵と接触するとゲームオーバーとなるシンプルなゲームです。画面内にプレイヤーと敵が表示され、プレイヤーの移動と敵との接触判定を行っています。なお、このプログラムの実行にはブラウザが必要です。htmlファイルを作成し、ブラウザで開くことで実際にゲームとして遊ぶことができます。また、スマホ操作にも対応しています。ただし、絵文字を使用した表現はありません。

←

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">
  <title>ATARIショックゲーム</title>
  <style>
    #player {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: red;
      border-radius: 50%;
    }
    #enemy {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: blue;
      border-radius: 50%;
    }
  </style>
</head>
<body>
  <div id="player"></div>
  <div id="enemy"></div>

// プレイヤーと敵の要素を取得
    const player = document.getElementById("player");
    const enemy = document.getElementById("enemy");

// キーが押されたときにプレイヤーの位置を更新する関数
    function handleKeyDown(event) {
      const key = event.key;
      if (key === "ArrowUp" && playerY > 0) {
        playerY -= 10;
      } else if (key === "ArrowDown" && playerY < window.innerHeight - 50) {
        playerY += 10;
      } else if (key === "ArrowLeft" && playerX > 0) {
        playerX -= 10;
      } else if (key === "ArrowRight" && playerX < window.innerWidth - 50) {
        playerX += 10;
      }
      player.style.transform = `translate(${playerX}px, ${playerY}px)`;
    }

// ゲームオーバー判定関数
    function checkGameOver() {
      const playerRect = player.getBoundingClientRect();
      const enemyRect = enemy.getBoundingClientRect();
      if (
        playerRect.left <= enemyRect.right &&
        enemyRect.left <= playerRect.right &&
        playerRect.top <= enemyRect.bottom &&
        enemyRect.top <= playerRect.bottom
      ) {
        alert("ゲームオーバー！");
        // ゲームオーバー後の処理をここに追加
      }
    }

// 初期化処理
    function init() {
      player.style.transform = `translate(${playerX}px, ${playerY}px)`;
      enemy.style.transform = `translate(${enemyX}px, ${enemyY}px)`;
      document.addEventListener("keydown", handleKeyDown);
      setInterval(checkGameOver, 100);
    }

// 初期化処理の呼び出し
    init();
  </script>
</body>
</html>
```

このプログラムは、プレイヤーが矢印キーで操作し、敵と接触するとゲームオーバーとなるシンプルなゲームです。画面内にプレイヤーと敵が表示され、プレイヤーの移動と敵との接触判定を行っています。

なお、このプログラムの実行にはブラウザが必要です。htmlファイルを作成し、ブラウザで開くことで実際にゲームとして遊ぶことができます。また、スマホ操作にも対応しています。ただし、絵文字を使用した表現はありません。