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

No:47893

←

Prev Next

→

Little Girl In Wonderland
Developer User20657｜Date and time 24/3/1 2:56:16
Build time 10.571 sec｜Game capacity 1.565KB｜

Script

Добро пожаловать в Страну Чудес!

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Девочка в Стране Чудес</title>
  </head>
  <body>
    <h1>Добро пожаловать в Страну Чудес!</h1>
    <canvas id="gameCanvas" width="400" height="400" style="border:1px solid black;"></canvas>
    
    <script>
      const canvas = document.getElementById('gameCanvas');
      const ctx = canvas.getContext('2d');
      
      let playerX = 200;
      let playerY = 200;
      
      function drawPlayer() {
        ctx.fillStyle = 'red';
        ctx.fillRect(playerX, playerY, 20, 20);
      }
      
      function clearCanvas() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
      }
      
      function movePlayer(direction) {
        clearCanvas();
        
        switch(direction) {
          case 'up':
            playerY -= 10;
            break;
          case 'down':
            playerY += 10;
            break;
          case 'left':
            playerX -= 10;
            break;
          case 'right':
            playerX += 10;
            break;
        }
        
        drawPlayer();
      }
      
      document.addEventListener('keydown', function(event) {
        if (event.key === 'ArrowUp') {
          movePlayer('up');
        } else if (event.key === 'ArrowDown') {
          movePlayer('down');
        } else if (event.key === 'ArrowLeft') {
          movePlayer('left');
        } else if (event.key === 'ArrowRight') {
          movePlayer('right');
        }
      });
      
      drawPlayer();
    </script>
  </body>
</html>