Eat the world simulator's game

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

No:51959

←

Prev Next

→

Eat the world simulator
Developer User21723｜Date and time 24/3/17 6:44:24
Build time 4.11 sec｜Game capacity 1.112KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
  <head>
    <title>Eat the World Simulator</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    
    <script>
      const canvas = document.getElementById("gameCanvas");
      const ctx = canvas.getContext("2d");
      
      let playerX = 100;
      let playerY = 100;
      
      function drawPlayer() {
        ctx.fillStyle = "blue";
        ctx.fillRect(playerX, playerY, 50, 50);
      }
      
      function updateGameArea() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawPlayer();
      }
      
      function movePlayer(event) {
        switch(event.key) {
          case "ArrowUp":
            playerY -= 10;
            break;
          case "ArrowDown":
            playerY += 10;
            break;
          case "ArrowLeft":
            playerX -= 10;
            break;
          case "ArrowRight":
            playerX += 10;
            break;
        }
      }
      
      document.addEventListener("keydown", movePlayer);
      
      setInterval(updateGameArea, 20);
    </script>
  </body>
</html>