AI game creator

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

No:46981

←

Prev Next

→

Compweb
Developer User20334｜Date and time 24/2/26 22:40:36
Build time 5.428 sec｜Game capacity 1.133KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Pictogram Game</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>
  
  <script>
    const canvas = document.getElementById('gameCanvas');
    const context = canvas.getContext('2d');
    
    const player = {
      x: 200,
      y: 200,
      size: 50,
      color: 'blue'
    };
    
    function drawPlayer() {
      context.fillStyle = player.color;
      context.fillRect(player.x, player.y, player.size, player.size);
    }
    
    function movePlayer(event) {
      switch(event.key) {
        case 'ArrowUp':
          player.y -= 10;
          break;
        case 'ArrowDown':
          player.y += 10;
          break;
        case 'ArrowLeft':
          player.x -= 10;
          break;
        case 'ArrowRight':
          player.x += 10;
          break;
      }
      drawPlayer();
    }
    
    function gameLoop() {
      context.clearRect(0, 0, canvas.width, canvas.height);
      drawPlayer();
    }
    
    window.addEventListener('keydown', movePlayer);
    
    setInterval(gameLoop, 1000 / 60); // 60 FPS
    
  </script>
</body>
</html>