AI game creator

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

No:23913

←

Prev Next

→

Juego de terror
Developer User11185｜Date and time 23/11/4 7:21:32
Build time 83.979 sec｜Game capacity 3.357KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Juego de Terror</title>
</head>
<body>
  <canvas id="gameCanvas" width="320" height="480"></canvas>

// Variables del juego
    let playerX = canvas.width / 2;
    let playerY = canvas.height - 50;
    let monsterX = Math.random() * (canvas.width - 50);
    let monsterY = Math.random() * (canvas.height - 50);
    let isGameOver = false;

// Función para manejar el dibujo del juego
    function drawGame() {
      // Dibuja el fondo del juego
      ctx.fillStyle = "#000";
      ctx.fillRect(0, 0, canvas.width, canvas.height);

// Dibuja al jugador y al monstruo
      ctx.fillStyle = "#fff";
      ctx.fillRect(playerX, playerY, 50, 50);
      ctx.fillStyle = "#f00";
      ctx.fillRect(monsterX, monsterY, 50, 50);

// Verifica si el jugador atrapó al monstruo
      if (playerX < monsterX + 50 &&
          playerX + 50 > monsterX &&
          playerY < monsterY + 50 &&
          playerY + 50 > monsterY) {
        // El jugador atrapó al monstruo, el juego termina
        isGameOver = true;
        ctx.fillStyle = "#fff";
        ctx.font = "30px Arial";
        ctx.fillText("¡Has ganado!", canvas.width / 2 - 100, canvas.height / 2);
      }

if(!isGameOver) {
        // Actualiza la posición del monstruo
        monsterX += Math.random() * 6 - 3;
        monsterY += Math.random() * 6 - 3;

// Limita la posición del monstruo dentro del canvas
        if (monsterX < 0) {
          monsterX = 0;
        }
        if (monsterX > canvas.width - 50) {
          monsterX = canvas.width - 50;
        }
        if (monsterY < 0) {
          monsterY = 0;
        }
        if (monsterY > canvas.height - 50) {
          monsterY = canvas.height - 50;
        }
      }

// Solicita una animación para el siguiente cuadro
      requestAnimationFrame(drawGame);
    }

// Función para manejar la entrada del usuario
    function handleInput(event) {
      if(!isGameOver) {
        // Mueve al jugador hacia la izquierda
        if (event.key === "a" || event.key === "A" || event.key === "ArrowLeft") {
          playerX -= 10;
        }

// Mueve al jugador hacia la derecha
        if (event.key === "d" || event.key === "D" || event.key === "ArrowRight") {
          playerX += 10;
        }

// Mueve al jugador hacia arriba
        if (event.key === "w" || event.key === "W" || event.key === "ArrowUp") {
          playerY -= 10;
        }

// Mueve al jugador hacia abajo
        if (event.key === "s" || event.key === "S" || event.key === "ArrowDown") {
          playerY += 10;
        }

// Limita la posición del jugador dentro del canvas
        if (playerX < 0) {
          playerX = 0;
        }
        if (playerX > canvas.width - 50) {
          playerX = canvas.width - 50;
        }
        if (playerY < 0) {
          playerY = 0;
        }
        if (playerY > canvas.height - 50) {
          playerY = canvas.height - 50;
        }
      }
    }

// Agrega un evento de escucha para capturar la entrada del usuario
    document.addEventListener("keydown", handleInput);

// Inicia el juego
    drawGame();
  </script>
</body>
</html>