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

No:11036

109

←

Prev Next

→

Primordial Moe King
Developer User1006｜Date and time 23/8/6 23:55:11
Build time 41.168 sec｜Game capacity 3.41KB｜

Script

了解しました。以下に初代萌王というゲームのプログラムを示します。

初代萌王

😺

🌳

Score: 0

このプログラムでは、キャラクターが空中に浮かびながら障害物を避けるゲーム「初代萌王」を実装しています。スペースキーを押すことでキャラクターがジャンプし、障害物とぶつかった場合はゲームオーバーとなります。スコアは障害物を通過するごとに加算されます。上記のプログラムをHTMLファイルとして保存し、ウェブブラウザで開くことで実行することができます。スマートフォンで操作する場合も同様に操作が反映されます。なお、ゲーム内で使用している絵文字は、表示環境によっては正しく表示されない可能性があります。

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

了解しました。以下に初代萌王というゲームのプログラムを示します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>初代萌王</title>
</head>
<body>
  <h1>初代萌王</h1>
  <div id="game-container">
    <div id="character">😺</div>
    <div id="obstacle">🌳</div>
    <div id="score">Score: 0</div>
  </div>

let score = 0;
    let gameSpeed = 3;
    let jumpHeight = 90;

let gameInterval = setInterval(function () {
      let characterTop = parseInt(
        window.getComputedStyle(character).getPropertyValue("top")
      );
      let obstacleLeft = parseInt(
        window.getComputedStyle(obstacle).getPropertyValue("left")
      );

if (obstacleLeft < 0) {
        score += 1;
        scoreText.innerHTML = "Score: " + score;
      }

if (
        obstacleLeft < 50 &&
        obstacleLeft > 0 &&
        characterTop >= jumpHeight - 30
      ) {
        obstacle.style.animation = "none";
        obstacle.style.display = "none";
        alert("Game Over! Final Score: " + score);
        location.reload();
      }
    }, 10);

document.addEventListener("keydown", function (event) {
      if (event.code === "Space") {
        jump();
      }
    });
  </script>

#game-container {
      position: relative;
      height: 100vh;
      background-color: skyblue;
    }

#character {
      position: absolute;
      left: 80px;
      bottom: 0;
      font-size: 50px;
      animation: characterDown 0.5s infinite ease-in-out;
    }

@keyframes characterDown {
      0% {
        bottom: 0;
      }
      25% {
        bottom: 20px;
      }
      50% {
        bottom: 0;
      }
      75% {
        bottom: 20px;
      }
      100% {
        bottom: 0;
      }
    }

#obstacle {
      position: absolute;
      left: 100%;
      bottom: 0;
      font-size: 80px;
      animation: obstacleMove linear infinite;
      animation-duration: 3s;
    }

@keyframes obstacleMove {
      0% {
        left: 100%;
      }
      100% {
        left: -100px;
      }
    }

#score {
      position: absolute;
      top: 10px;
      left: 10px;
      font-size: 24px;
    }
  </style>
</body>
</html>
```

このプログラムでは、キャラクターが空中に浮かびながら障害物を避けるゲーム「初代萌王」を実装しています。スペースキーを押すことでキャラクターがジャンプし、障害物とぶつかった場合はゲームオーバーとなります。スコアは障害物を通過するごとに加算されます。

上記のプログラムをHTMLファイルとして保存し、ウェブブラウザで開くことで実行することができます。スマートフォンで操作する場合も同様に操作が反映されます。

なお、ゲーム内で使用している絵文字は、表示環境によっては正しく表示されない可能性があります。