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

No:7663

1703

extinction of the dinosaurs
Developer User3997｜Date and time 23/7/9 10:16:56
Build time 15.996 sec｜Game capacity 3.482KB｜

了解です。以下に、スマートフォンで遊べるシンプルなゲームの実装例を示します。このゲームは、恐竜が障害物を避けながら進むランニングゲームです。

恐竜ランニング

このコードは、スマートフォン上で恐竜ランニングゲームをプレイすることができます。恐竜は「↑」キーを押すとジャンプし、障害物を避けながら進んでいきます。障害物に当たるとゲームオーバーになり、スコアが表示されます。ゲームオーバー後は再プレイすることはできません。この例では、恐竜と障害物を四角いブロックで描画していますが、絵文字を使用することも可能です。絵文字はCSSのフォント設定を変更することで使用できます。また、ゲームの仕様や機能を追加することも可能ですが、提供いただいた条件に基づいたシンプルな実装としました。

→ 　

1　

0　

　

[PR]現在の人気グッズランキング

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

(C)2023 HisashiApp

了解です。以下に、スマートフォンで遊べるシンプルなゲームの実装例を示します。このゲームは、恐竜が障害物を避けながら進むランニングゲームです。

```html
<!DOCTYPE html>
<html>
<head>
  <title>恐竜ランニング</title>
</head>
<body>

<h1>恐竜ランニング</h1>
  <canvas id="gameCanvas" width="400" height="300"></canvas>

<script>
    // ゲームのキャンバス要素を取得
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");

// 恐竜の初期位置とスピード
    let dinoX = 50;
    let dinoY = 250;
    let dinoSpeedY = 0;

// イベントリスナーを追加して、ジャンプする処理を実装する
    document.addEventListener("keydown", function(event) {
      if (event.key === "ArrowUp") {
        dinoSpeedY = -8;
      }
    });

// 障害物の初期位置とスピード
    let cactusX = 400;
    let cactusY = 260;
    let cactusSpeedX = -5;

// スコアとゲームオーバーフラグ
    let score = 0;
    let gameOver = false;

// ゲームのメインループを実装する
    function gameLoop() {
      // キャンバスをクリアする
      ctx.clearRect(0, 0, canvas.width, canvas.height);

if (!gameOver) {
        // 恐竜の座標を更新する
        dinoY += dinoSpeedY;
        dinoSpeedY += 0.5;

// 恐竜がキャンバスから落ちないようにする
        if (dinoY > 250) {
          dinoY = 250;
          dinoSpeedY = 0;
        }

// 障害物の座標を更新する
        cactusX += cactusSpeedX;
        if (cactusX < -50) {
          cactusX = 400;
          score += 1;
        }

// 恐竜と障害物の当たり判定をチェックする
        if (dinoX < cactusX + 50 &&
            dinoX + 50 > cactusX &&
            dinoY < cactusY + 50 &&
            dinoY + 50 > cactusY) {
          // ゲームオーバー
          gameOver = true;
        }

// スコアを表示する
        ctx.font = "24px Arial";
        ctx.fillText("スコア: " + score, 10, 30);

// 恐竜を表示する
        ctx.fillStyle = "green";
        ctx.fillRect(dinoX, dinoY, 50, 50);

// 障害物を表示する
        ctx.fillStyle = "brown";
        ctx.fillRect(cactusX, cactusY, 50, 50);

requestAnimationFrame(gameLoop);
      } else {
        // ゲームオーバーの表示
        ctx.font = "36px Arial";
        ctx.fillText("ゲームオーバー", 100, 150);
        ctx.fillText("スコア: " + score, 140, 200);
      }
    }

// ゲームを開始する
    gameLoop();
  </script>

</body>
</html>
```

このコードは、スマートフォン上で恐竜ランニングゲームをプレイすることができます。恐竜は「↑」キーを押すとジャンプし、障害物を避けながら進んでいきます。障害物に当たるとゲームオーバーになり、スコアが表示されます。ゲームオーバー後は再プレイすることはできません。

この例では、恐竜と障害物を四角いブロックで描画していますが、絵文字を使用することも可能です。絵文字はCSSのフォント設定を変更することで使用できます。また、ゲームの仕様や機能を追加することも可能ですが、提供いただいた条件に基づいたシンプルな実装としました。