AI game creator

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

No:33129

←

Prev Next

→

Paint
Developer User15655｜Date and time 24/1/2 17:30:48
Build time 16.616 sec｜Game capacity 1.741KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Mi Juego de Pictogramas</title>
    <style>
      #canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="canvas" width="500" height="500"></canvas>

// Creamos un objeto para almacenar la posición actual del jugador
      const player = {
        x: 50,
        y: 50,
        width: 50,
        height: 50,
        color: 'blue'
      };

// Función para dibujar al jugador en el canvas
      function drawPlayer() {
        context.fillStyle = player.color;
        context.fillRect(player.x, player.y, player.width, player.height);
      }

// Función para mover al jugador
      function movePlayer(event) {
        // Verificamos si se presionó una tecla de dirección
        if (event.key === 'ArrowUp') {
          player.y -= 10; // Movemos al jugador hacia arriba
        } else if (event.key === 'ArrowDown') {
          player.y += 10; // Movemos al jugador hacia abajo
        } else if (event.key === 'ArrowLeft') {
          player.x -= 10; // Movemos al jugador hacia la izquierda
        } else if (event.key === 'ArrowRight') {
          player.x += 10; // Movemos al jugador hacia la derecha
        }

// Borramos el canvas y dibujamos al jugador en su nueva posición
        context.clearRect(0, 0, canvas.width, canvas.height);
        drawPlayer();
      }

// Agregamos un event listener para capturar los eventos de teclado
      document.addEventListener('keydown', movePlayer);

// Dibujamos al jugador inicialmente
      drawPlayer();
    </script>
  </body>
</html>