Carro Ferrari atropellando policías infectados's game

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

No:15781

101

←

Prev Next

→

Carro Ferrari atropellando policías infectados
Developer User6871｜Date and time 23/9/11 13:45:02
Build time 29.492 sec｜Game capacity 3.674KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
  <title>Carro Ferrari atropellando policías infectados</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

// Variables del juego
      let carX = canvas.width / 2;
      let carY = canvas.height - 100;
      const carImage = new Image();
      carImage.src = "carro.png";
      let infectedPolice = [];
      let score = 0;

// Crear un policía infectado cada segundo
      setInterval(createInfectedPolice, 1000);

// Event listeners de control de movimiento
      document.addEventListener("keydown", handleKeyDown);
      document.addEventListener("keyup", handleKeyUp);

// Actualizar el estado del juego
      function update() {
        drawBackground();
        drawCar();
        moveInfectedPolice();
        drawInfectedPolice();
        handleCollision();
        drawScore();
      }

// Dibujar el fondo del juego
      function drawBackground() {
        ctx.fillStyle = "black";
        ctx.fillRect(0, 0, canvas.width, canvas.height);
      }

// Dibujar el carro en la posición actual
      function drawCar() {
        ctx.drawImage(carImage, carX, carY, 100, 100);
      }

// Crear un policía infectado en una posición aleatoria
      function createInfectedPolice() {
        const x = Math.random() * (canvas.width - 100);
        const y = -100;
        infectedPolice.push({ x, y });
      }

// Mover los policías infectados hacia abajo
      function moveInfectedPolice() {
        for (let i = 0; i < infectedPolice.length; i++) {
          infectedPolice[i].y += 5;
        }
      }

// Dibujar los policías infectados
      function drawInfectedPolice() {
        const infectedPoliceImage = new Image();
        infectedPoliceImage.src = "policia_infectado.png";

for (let i = 0; i < infectedPolice.length; i++) {
          ctx.drawImage(infectedPoliceImage, infectedPolice[i].x, infectedPolice[i].y, 100, 100);
        }
      }

// Controlar la colisión entre el carro y los policías infectados
      function handleCollision() {
        for (let i = 0; i < infectedPolice.length; i++) {
          if (carX < infectedPolice[i].x + 100 &&
              carX + 100 > infectedPolice[i].x &&
              carY < infectedPolice[i].y + 100 &&
              carY + 100 > infectedPolice[i].y) {
            // El carro ha atropellado a un policía infectado
            infectedPolice.splice(i, 1);
            score++;
          }
        }
      }

// Dibujar la puntuación en la esquina superior derecha
      function drawScore() {
        ctx.fillStyle = "white";
        ctx.font = "24px Arial";
        ctx.fillText("Puntuación: " + score, canvas.width - 200, 50);
      }

// Controlar el movimiento del carro en función de las teclas presionadas
      function handleKeyDown(event) {
        if (event.keyCode === 37) {
          carX -= 10;  // Mover hacia la izquierda
        } else if (event.keyCode === 39) {
          carX += 10;  // Mover hacia la derecha
        }
      }

function handleKeyUp(event) {
        if (event.keyCode === 37 || event.keyCode === 39) {
          // Detener el movimiento del carro cuando se suelta la tecla
          carX += 0;
        }
      }

// Bucle principal del juego
      function gameLoop() {
        update();
        requestAnimationFrame(gameLoop);
      }

// Iniciar el juego
      gameLoop();
    };
  </script>
</body>
</html>