Garden of ban-ban hospital, travel joystick, Monsters,walktrough's game

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

No:18056

←

Prev Next

→

Garden of ban-ban hospital, travel joystick, Monst..ALL
Developer User7923｜Date and time 23/9/26 18:37:13
Build time 35.994 sec｜Game capacity 2.462KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Garden of Ban-Ban Hospital</title>
  <style>
    #game-container {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
      font-size: 4rem;
    }

#output {
      margin-bottom: 2rem;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <div id="output"></div>
    <div id="buttons">
      <button onclick="go('left')">←</button>
      <button onclick="go('up')">↑</button>
      <button onclick="go('down')">↓</button>
      <button onclick="go('right')">→</button>
    </div>
  </div>

const map = [
      ['🌱', '🌱', '🌱', '🌱', '😊'],
      ['🌱', '🏥', '🌱', '🌱', '🌱'],
      ['🌱', '🌱', '🌱', '🌱', '🌱'],
      ['🌱', '🌱', '🌱', '🌱', '🌱'],
      ['🌱', '🌱', '🌱', '🌱', '🌱']
    ];

let playerPosition = { x: 0, y: 0 };

function go(direction) {
      const nextX = playerPosition.x + directions[direction].x;
      const nextY = playerPosition.y + directions[direction].y;

if (nextX >= 0 && nextX < map.length && nextY >= 0 && nextY < map.length) {
        if (map[nextY][nextX] === '🏥') {
          alert('Selamat! Anda sudah tiba di Ban-Ban Hospital.');
          map[playerPosition.y][playerPosition.x] = '🌱';
          playerPosition = { x: nextX, y: nextY };
          render();
        } else if (map[nextY][nextX] === '🌱') {
          map[playerPosition.y][playerPosition.x] = '🌱';
          map[nextY][nextX] = '😊';
          playerPosition = { x: nextX, y: nextY };
          render();
        } else {
          alert('Maaf, Anda tidak dapat mengunjungi tempat ini.');
        }
      } else {
        alert('Maaf, Anda mencapai batas peta.');
      }
    }

render();
  </script>
</body>
</html>