extinction of the dinosaurs's game

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

No:6852

254

←

Prev Next

→

extinction of the dinosaurs
Developer User3840｜Date and time 23/7/4 0:51:06
Build time 33.416 sec｜Game capacity 2.992KB｜

Script

了解です。以下に、部分的なゲーム化された恐竜絶滅のプログラムを実装したHTMLファイルの例を示します。

このプログラムは、キャンバス上で恐竜が障害物を避けながらジャンプするゲームです。タッチ操作に対応しており、画面をタップするとジャンプします。障害物に触れると「ゲームオーバー」というアラートが表示され、ゲームが再起動します。このプログラムをHTMLファイルとして保存し、ブラウザで開くことでゲームをプレイすることができます。もちろん、絵文字などを使ってゲーム内の要素を装飾することも可能です。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下に、部分的なゲーム化された恐竜絶滅のプログラムを実装したHTMLファイルの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>恐竜絶滅</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

const dino = {
        x: 0,
        y: 350,
        width: 50,
        height: 50,
        speedX: 0,
        speedY: 0
      };

const obstacles = [];

function update() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// 障害物の生成
        if (Math.random() < 0.04) {
          obstacles.push({
            x: canvas.width,
            y: dino.y,
            width: 20,
            height: 50,
            speedX: -2 - Math.random() * 2
          });
        }

// 障害物の移動と描画
        for (let i = 0; i < obstacles.length; i++) {
          obstacles[i].x += obstacles[i].speedX;

ctx.fillStyle = 'red';
          ctx.fillRect(obstacles[i].x, obstacles[i].y, obstacles[i].width, obstacles[i].height);

// 障害物との衝突判定
          if (dino.x < obstacles[i].x + obstacles[i].width &&
              dino.x + dino.width > obstacles[i].x &&
              dino.y < obstacles[i].y + obstacles[i].height &&
              dino.y + dino.height > obstacles[i].y) {
            alert('ゲームオーバー');
            location.reload(); // ゲームオーバー時にリロードして再起動する
            return;
          }
        }

// 恐竜の移動と描画
        dino.y += dino.speedY;
        ctx.fillStyle = 'green';
        ctx.fillRect(dino.x, dino.y, dino.width, dino.height);

// 床
        ctx.fillStyle = 'brown';
        ctx.fillRect(0, 400, canvas.width, canvas.height - 400);

// 重力
        dino.speedY += 0.1;
        if (dino.y + dino.height > canvas.height) {
          dino.y = canvas.height - dino.height;
          dino.speedY = 0;
        }

requestAnimationFrame(update);
      }

// タッチ操作でジャンプ
      canvas.addEventListener('touchstart', () => {
        dino.speedY = -3;
      });

update();
    });
  </script>
</body>
</html>
```

このプログラムは、キャンバス上で恐竜が障害物を避けながらジャンプするゲームです。タッチ操作に対応しており、画面をタップするとジャンプします。障害物に触れると「ゲームオーバー」というアラートが表示され、ゲームが再起動します。

このプログラムをHTMLファイルとして保存し、ブラウザで開くことでゲームをプレイすることができます。もちろん、絵文字などを使ってゲーム内の要素を装飾することも可能です。