Make a rpg all about america and countrys's game

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

No:44619

←

Prev Next

→

Make a rpg all about america and countrys
Developer User11394｜Date and time 24/2/18 19:27:08
Build time 4.515 sec｜Game capacity 1.283KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
  <head></head>
  <body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    
    <script>
      const canvas = document.getElementById('gameCanvas');
      const ctx = canvas.getContext('2d');
      
      let player = {
        x: 50,
        y: 50,
        width: 50,
        height: 50,
        speed: 5
      };
      
      function drawPlayer() {
        ctx.fillStyle = 'blue';
        ctx.fillRect(player.x, player.y, player.width, player.height);
      }
      
      function clearCanvas() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
      }
      
      function playerMovement(e) {
        switch(e.key) {
          case 'ArrowUp':
            player.y -= player.speed;
            break;
          case 'ArrowDown':
            player.y += player.speed;
            break;
          case 'ArrowLeft':
            player.x -= player.speed;
            break;
          case 'ArrowRight':
            player.x += player.speed;
            break;
        }
      }
      
      window.addEventListener('keydown', playerMovement);
      
      function gameLoop() {
        clearCanvas();
        drawPlayer();
      }
      
      setInterval(gameLoop, 1000/30); // 30 frames per second
    </script>
  </body>
</html>