AI game creator

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

No:41488

115

←

Prev Next

→

Un juego completo
Developer User18582｜Date and time 24/2/7 22:00:45
Build time 16.753 sec｜Game capacity 3.312KB｜

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</title>
</head>

<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>
  <script type="text/javascript">
    // Creamos un objeto para representar el lienzo del juego
    var canvas = document.getElementById("gameCanvas");
    var context = canvas.getContext("2d");

// Objeto que representa al jugador
    var player = {
      x: 100,
      y: 100,
      speed: 5,
      size: 50
    };

// Objeto que representa al enemigo
    var enemy = {
      x: 700,
      y: 300,
      speed: 2,
      size: 50
    };

// Variable para almacenar la puntuación del jugador
    var score = 0;

// Función para dibujar el jugador y el enemigo en el lienzo
    function draw() {
      context.clearRect(0, 0, canvas.width, canvas.height);

// Dibuja al jugador como un pictograma representado por un rectángulo verde
      context.fillStyle = "green";
      context.fillRect(player.x, player.y, player.size, player.size);

// Dibuja al enemigo como un pictograma representado por un rectángulo rojo
      context.fillStyle = "red";
      context.fillRect(enemy.x, enemy.y, enemy.size, enemy.size);

// Dibuja la puntuación en la esquina superior izquierda del lienzo
      context.fillStyle = "black";
      context.font = "20px Arial";
      context.fillText("Puntuación: " + score, 10, 20);
    }

// Función para mover al jugador basado en la entrada del usuario
    function movePlayer(event) {
      // Mover hacia la izquierda
      if (event.key === "ArrowLeft") {
        player.x -= player.speed;
      }
      // Mover hacia la derecha
      else if (event.key === "ArrowRight") {
        player.x += player.speed;
      }
      // Mover hacia arriba
      else if (event.key === "ArrowUp") {
        player.y -= player.speed;
      }
      // Mover hacia abajo
      else if (event.key === "ArrowDown") {
        player.y += player.speed;
      }
    }

// Función para actualizar la lógica del juego
    function update() {
      // Mover al enemigo hacia el jugador
      if (enemy.x > player.x) {
        enemy.x -= enemy.speed;
      } else if (enemy.x < player.x) {
        enemy.x += enemy.speed;
      }

if (enemy.y > player.y) {
        enemy.y -= enemy.speed;
      } else if (enemy.y < player.y) {
        enemy.y += enemy.speed;
      }

// Verificar si el jugador y el enemigo colisionan
      if (
        player.x < enemy.x + enemy.size &&
        player.x + player.size > enemy.x &&
        player.y < enemy.y + enemy.size &&
        player.y + player.size > enemy.y
      ) {
        // Restar puntuación al jugador y reiniciar posiciones
        score -= 10;
        player.x = 100;
        player.y = 100;
        enemy.x = 700;
        enemy.y = 300;
      }

score += 1; // Incrementar puntuación con el tiempo

// Dibujar el juego en el lienzo
      draw();
    }

// Función de inicio del juego
    function startGame() {
      // Escuchar los eventos de las teclas para mover al jugador
      window.addEventListener("keydown", movePlayer);

// Iniciar un bucle para actualizar el juego cada 20 milisegundos
      setInterval(update, 20);
    }

// Llamar a la función de inicio del juego
    startGame();
  </script>
</body>

</html>