Pluto's game | AI game creator

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

No:5040

1236

Pluto
Developer もちきなこ｜Date and time 23/6/29 10:15:05
Build time 29.775 sec｜Game capacity 3.232KB｜

了解です。以下に、スマートフォンで遊べるシンプルなゲームを作成しました。このゲームでは、冥王星を主人公として、障害物を避けてスコアを稼ぐことが目標です。

🪐

このゲームでは、以下の操作が可能です： - Wキーまたは上向きの矢印キーで冥王星が上に移動します。 - Sキーまたは下向きの矢印キーで冥王星が下に移動します。障害物にぶつかるとスコアが加算され、画面右上に表示されます。障害物を避けてできるだけ長く生き残ってください。注意: 私はプログラマですが、天文学に詳しくないため、冥王星が実際には惑星ではないことや、スマートフォンでの操作に関しても専門ではありません。以上のコードは、課題の要件を満たすために提供しているものであり、細かな問題や改善点があるかもしれません。プログラムの実行や改善においては、必要に応じて自身で調査や修正も行ってください。

→ 　

1　

0　

　
　

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

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

(C)2023 HisashiApp

了解です。以下に、スマートフォンで遊べるシンプルなゲームを作成しました。このゲームでは、冥王星を主人公として、障害物を避けてスコアを稼ぐことが目標です。

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    #pluto {
      font-size: 40px;
      margin: 10px;
      position: absolute;
      left: 50%;
      bottom: 0;
      transform: translateX(-50%);
    }
  </style>
</head>
<body>
  <script>
    let pluto = document.getElementById("pluto");
    let score = 0;

function updateScore() {
      document.body.innerHTML += `<div style="position: absolute; top: 0; right: 0; font-size: 30px;">Score: ${score}</div>`;
    }

function moveUp() {
      pluto.style.bottom = parseInt(pluto.style.bottom) + 10 + "px";
    }

function moveDown() {
      pluto.style.bottom = parseInt(pluto.style.bottom) - 10 + "px";
    }

function handleKeyUp(event) {
      switch (event.code) {
        case "KeyW":
        case "ArrowUp":
          moveUp();
          break;
        case "KeyS":
        case "ArrowDown":
          moveDown();
          break;
      }
    }

function handleCollision() {
      score++;
      updateScore();
    }

function startGame() {
      updateScore();
      document.addEventListener("keyup", handleKeyUp);

setInterval(function() {
        let obstacle = document.createElement("div");
        obstacle.style.position = "absolute";
        obstacle.style.width = "50px";
        obstacle.style.height = "50px";
        obstacle.style.backgroundColor = "red";
        obstacle.style.left = "100%";
        obstacle.style.top = Math.random() * (window.innerHeight - 50) + "px";
        obstacle.addEventListener("animationend", function() {
          this.remove();
        });
        obstacle.addEventListener("animationstart", function() {
          if (parseInt(this.style.left) <= 0) {
            handleCollision();
          }
        });
        document.body.appendChild(obstacle);
      }, 2000);

setInterval(function() {
        let obstacles = document.querySelectorAll("div");
        obstacles.forEach(function(obstacle) {
          obstacle.style.left = parseInt(obstacle.style.left) - 10 + "px";
        });
      }, 50);
    }

startGame();
  </script>
  <div id="pluto">🪐</div>
</body>
</html>
```

このゲームでは、以下の操作が可能です：

- Wキーまたは上向きの矢印キーで冥王星が上に移動します。
- Sキーまたは下向きの矢印キーで冥王星が下に移動します。

障害物にぶつかるとスコアが加算され、画面右上に表示されます。障害物を避けてできるだけ長く生き残ってください。

注意: 私はプログラマですが、天文学に詳しくないため、冥王星が実際には惑星ではないことや、スマートフォンでの操作に関しても専門ではありません。以上のコードは、課題の要件を満たすために提供しているものであり、細かな問題や改善点があるかもしれません。プログラムの実行や改善においては、必要に応じて自身で調査や修正も行ってください。