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

No:6690

124

←

Prev Next

→

Pteranodon
Developer User3903｜Date and time 23/7/3 4:40:39
Build time 38.722 sec｜Game capacity 3.791KB｜

Script

了解しました。以下にプテラノドンを使ったシンプルなゲームを実装します。

プテラノドンゲーム

プテラノドンを操作して障害物を避けよう！

これは、プレイヤーがプテラノドンを操作して障害物を避けるゲームです。プレイヤーは上下の矢印キーで移動することができます。画面上部に表示されているスコアが増えると、より高難度な障害物が現れます。障害物とプレイヤーが衝突するとゲームオーバーになり、画面中央に「Game Over」と表示されます。プログラムは`
`タグ内に記述されており、JavaScriptでの処理が実行されるようになっています。ゲームが自動的に開始し、スマートフォンで操作することができます。絵文字を使っていない点はご了承ください。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

了解しました。以下にプテラノドンを使ったシンプルなゲームを実装します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>プテラノドンゲーム</title>
</head>
<body>
  <h1>プテラノドンゲーム</h1>
  <p>プテラノドンを操作して障害物を避けよう！</p>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

const player = {
      x: 40,
      y: canvas.height / 2,
      width: 50,
      height: 50,
      speed: 5
    };

const obstacles = [];

let score = 0;
    let isGameOver = false;

document.addEventListener("keydown", movePlayer);

function movePlayer(event) {
      if (event.key === "ArrowUp") {
        player.y -= player.speed;
      } else if (event.key === "ArrowDown") {
        player.y += player.speed;
      }
    }

function generateObstacle() {
      const obstacle = {
        x: canvas.width,
        y: Math.random() * (canvas.height - 20),
        width: 20,
        height: 20,
        speed: Math.random() * 2 + 1
      };
      obstacles.push(obstacle);
    }

function drawPlayer() {
      context.fillStyle = "yellow";
      context.fillRect(player.x, player.y, player.width, player.height);
    }

function drawObstacles() {
      context.fillStyle = "orange";
      for (let obstacle of obstacles) {
        context.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);
      }
    }

function updatePlayer() {
      if (player.y < 0) {
        player.y = 0;
      }
      if (player.y > canvas.height - player.height) {
        player.y = canvas.height - player.height;
      }
    }

function isCollision(rect1, rect2) {
      return (
        rect1.x < rect2.x + rect2.width &&
        rect1.x + rect1.width > rect2.x &&
        rect1.y < rect2.y + rect2.height &&
        rect1.y + rect1.height > rect2.y
      );
    }

function drawScore() {
      context.fillStyle = "white";
      context.font = "20px Arial";
      context.fillText("Score: " + score, 10, 30);
    }

function drawGameOver() {
      context.fillStyle = "red";
      context.font = "40px Arial";
      context.fillText("Game Over", canvas.width / 2 - 100, canvas.height / 2);
    }

function draw() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      drawPlayer();
      drawObstacles();
      drawScore();
      if (isGameOver) {
        drawGameOver();
        return;
      }
      updatePlayer();
      updateObstacles();
      requestAnimationFrame(draw);
    }

setInterval(generateObstacle, 2000);
    draw();
  </script>
</body>
</html>
```

これは、プレイヤーがプテラノドンを操作して障害物を避けるゲームです。プレイヤーは上下の矢印キーで移動することができます。画面上部に表示されているスコアが増えると、より高難度な障害物が現れます。障害物とプレイヤーが衝突するとゲームオーバーになり、画面中央に「Game Over」と表示されます。

プログラムは`<script>`タグ内に記述されており、JavaScriptでの処理が実行されるようになっています。ゲームが自動的に開始し、スマートフォンで操作することができます。絵文字を使っていない点はご了承ください。