AI game creator

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

No:6601

147

←

Prev Next

→

DOOM
Developer User3230｜Date and time 23/7/2 22:59:24
Build time 23.356 sec｜Game capacity 2.148KB｜

Script

以下は、DOOMというゲームを部分的にゲーム化したプログラムの例です。スマートフォンから操作し、絵文字を使用しています。

このプログラムでは、キーボードの左右矢印キーを使ってプレイヤーを動かし、敵との衝突を検知します。衝突が検知されると、「Game Over!」というアラートが表示され、ゲームがリロードされます。ゲームはループして実行され、絵文字の円が描画されます。

←

Prev　Next

→ 　

Back　

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

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

以下は、DOOMというゲームを部分的にゲーム化したプログラムの例です。スマートフォンから操作し、絵文字を使用しています。

```html
<!DOCTYPE html>
<html>
<head>
  <title>DOOM</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
  const canvas = document.getElementById("gameCanvas");
  const ctx = canvas.getContext("2d");
  
  let playerX = canvas.width / 2;
  let playerY = canvas.height - 50;
  let playerSpeed = 5;
  
  let enemyX = 50;
  let enemyY = 50;
  let enemySpeed = 2;
  
  function drawPlayer() {
    ctx.beginPath();
    ctx.arc(playerX, playerY, 20, 0, Math.PI * 2);
    ctx.fillStyle = "yellow";
    ctx.fill();
    ctx.closePath();
  }
  
  function drawEnemy() {
    ctx.beginPath();
    ctx.arc(enemyX, enemyY, 20, 0, Math.PI * 2);
    ctx.fillStyle = "red";
    ctx.fill();
    ctx.closePath();
  }
  
  function drawGame() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    drawPlayer();
    drawEnemy();
    
    if (playerX < enemyX + 20 && playerX + 20 > enemyX &&
        playerY < enemyY + 20 && playerY + 20 > enemyY) {
      alert("Game Over!");
      document.location.reload();
    }
  }
  
  function movePlayer(event) {
    if (event.key === "ArrowLeft") {
      playerX -= playerSpeed;
    } else if (event.key === "ArrowRight") {
      playerX += playerSpeed;
    }
  }
  
  function updateEnemy() {
    if (enemyX + enemySpeed + 20 > canvas.width || enemyX - enemySpeed < 0) {
      enemySpeed = -enemySpeed;
    }
    
    enemyX += enemySpeed;
  }
  
  function gameLoop() {
    drawGame();
    updateEnemy();
    requestAnimationFrame(gameLoop);
  }
  
  document.addEventListener("keydown", movePlayer);
  
  gameLoop();
  </script>
</body>
</html>
```