Сделай цифровую игру Escape to toilet's game

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

No:49162

←

Prev Next

→

Сделай цифровую игру Escape to toilet
Developer User20833｜Date and time 24/3/4 0:47:12
Build time 5.633 sec｜Game capacity 1.477KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Escape to Toilet</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  <script>
    const canvas = document.getElementById("gameCanvas");
    const ctx = canvas.getContext("2d");
    
    const player = {
      x: 50,
      y: 50,
      speed: 5
    };
    
    function drawPlayer() {
      ctx.fillStyle = "blue";
      ctx.fillRect(player.x, player.y, 20, 20);
    }
    
    function clearCanvas() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
    }
    
    function movePlayer(direction) {
      switch(direction) {
        case "up":
          player.y -= player.speed;
          break;
        case "down":
          player.y += player.speed;
          break;
        case "left":
          player.x -= player.speed;
          break;
        case "right":
          player.x += player.speed;
          break;
      }
    }
    
    function gameLoop() {
      clearCanvas();
      drawPlayer();
    }
    
    window.addEventListener("keydown", function(event) {
      const key = event.key;
      switch(key) {
        case "ArrowUp":
          movePlayer("up");
          break;
        case "ArrowDown":
          movePlayer("down");
          break;
        case "ArrowLeft":
          movePlayer("left");
          break;
        case "ArrowRight":
          movePlayer("right");
          break;
      }
    });
    
    setInterval(gameLoop, 1000/60);
  </script>
</body>
</html>