AI game creator

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

No:20220

←

Prev Next

→

サバイバル
Developer User8984｜Date and time 23/10/8 21:35:32
Build time 18.531 sec｜Game capacity 2.808KB｜

Script

了解しました。以下に、サバイバルゲームの例を示します。このゲームでは、スマホで操作することを前提とし、絵文字を使用しています。

🌲

この実装では、ボタンをクリックすることでプレイヤー（👨‍🚀）を移動させることができます。ゴール地点（右下の位置）に到達すると、ゴールのメッセージが表示されます。

←

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>
    <style>
      body {
        text-align: center;
      }
      
      #game-screen {
        font-size: 48px;
        margin-top: 200px;
      }
      
      .button {
        font-size: 24px;
        margin-top: 20px;
      }
      
      #result-message {
        font-size: 36px;
        margin-top: 20px;
      }
    </style>
  </head>
  <body>
    <div id="game-screen">
      🌲
    </div>
    
    <div class="button">
      <button onclick="moveLeft()">←</button>
      <button onclick="moveRight()">→</button>
      <button onclick="moveUp()">↑</button>
      <button onclick="moveDown()">↓</button>
    </div>
    
    <div id="result-message"></div>
    
    <script>
      let playerX = 0;
      let playerY = 0;
      const gridSize = 10;
      
      function moveLeft() {
        if (playerX > 0) {
          playerX--;
          updateGameScreen();
          checkGameOver();
        }
      }
      
      function moveRight() {
        if (playerX < gridSize - 1) {
          playerX++;
          updateGameScreen();
          checkGameOver();
        }
      }
      
      function moveUp() {
        if (playerY > 0) {
          playerY--;
          updateGameScreen();
          checkGameOver();
        }
      }
      
      function moveDown() {
        if (playerY < gridSize - 1) {
          playerY++;
          updateGameScreen();
          checkGameOver();
        }
      }
      
      function updateGameScreen() {
        const gameScreen = document.getElementById("game-screen");
        gameScreen.innerHTML = "";
        
        for (let y = 0; y < gridSize; y++) {
          for (let x = 0; x < gridSize; x++) {
            if (x === playerX && y === playerY) {
              gameScreen.innerHTML += "👨‍🚀";
            } else {
              gameScreen.innerHTML += "🌲";
            }
          }
          gameScreen.innerHTML += "<br>";
        }
      }
      
      function checkGameOver() {
        if (playerX === gridSize - 1 && playerY === gridSize - 1) {
          const resultMessage = document.getElementById("result-message");
          resultMessage.textContent = "ゴール！おめでとう！";
        }
      }
      
      updateGameScreen();
    </script>
  </body>
</html>
```