Make a Simple emulator's game

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

No:50173

←

Prev Next

→

Make a Simple emulator
Developer User21251｜Date and time 24/3/8 1:15:14
Build time 5.954 sec｜Game capacity 1.222KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<html>
  <head>
    <title>Simple Emulator Game</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
      const canvas = document.getElementById('gameCanvas');
      const ctx = canvas.getContext('2d');
      
      let playerX = 200;
      let playerY = 200;
      let playerSize = 20;
      let playerSpeed = 10;
      
      document.addEventListener('keydown', function(event) {
        switch(event.key) {
          case 'ArrowUp':
            playerY -= playerSpeed;
            break;
          case 'ArrowDown':
            playerY += playerSpeed;
            break;
          case 'ArrowLeft':
            playerX -= playerSpeed;
            break;
          case 'ArrowRight':
            playerX += playerSpeed;
            break;
        }
      });
      
      function drawPlayer() {
        ctx.fillStyle = 'blue';
        ctx.fillRect(playerX, playerY, playerSize, playerSize);
      }
      
      function gameLoop() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawPlayer();
        requestAnimationFrame(gameLoop);
      }
      
      gameLoop();
    </script>
  </body>
</html>