You are in a hedge maze and you seen man with a fire axe And you have to find your way out of the hedge maze before dying from him's game

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

No:49003

←

Prev Next

→

You are in a hedge maze and you seen man with a fi..ALL
Developer User19542｜Date and time 24/3/3 13:14:29
Build time 4.856 sec｜Game capacity 1.521KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<body>
  <canvas id="mazeCanvas" width="600" height="400"></canvas>
  <script>
    const canvas = document.getElementById('mazeCanvas');
    const ctx = canvas.getContext('2d');

const player = {x: 30, y: 30, width: 10, height: 10};
    const axeMan = {x: 570, y: 370, width: 10, height: 10};

function drawPlayer() {
      ctx.fillStyle = 'blue';
      ctx.fillRect(player.x, player.y, player.width, player.height);
    }

function drawAxeMan() {
      ctx.fillStyle = 'red';
      ctx.fillRect(axeMan.x, axeMan.y, axeMan.width, axeMan.height);
    }

function clearCanvas() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
    }

function movePlayer(event) {
      clearCanvas();

const key = event.key;
      switch(key) {
        case 'ArrowUp':
          player.y -= 5;
          break;
        case 'ArrowDown':
          player.y += 5;
          break;
        case 'ArrowLeft':
          player.x -= 5;
          break;
        case 'ArrowRight':
          player.x += 5;
          break;
      }

drawPlayer();
      drawAxeMan();

if (player.x < 0 || player.x > canvas.width || player.y < 0 || player.y > canvas.height) {
        alert('You went out of bounds and got lost in the maze!');
      } else if (player.x === axeMan.x && player.y === axeMan.y) {
        alert('The axe man caught you! Game Over!');
      }
    }

drawPlayer();
    drawAxeMan();
    document.addEventListener('keydown', movePlayer);
  </script>
</body>
</html>