un corazón que come frutas y cuando come flecha se muere de amor tipo pacman's game

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

No:38334

←

Prev Next

→

un corazón que come frutas y cuando come flecha se..ALL
Developer User17361｜Date and time 24/1/24 9:56:29
Build time 16.601 sec｜Game capacity 4.267KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
  <head>
    <style>
      canvas {
        border: 1px solid black;
        background-color: #f2f2f2;
      }
    </style>
  </head>
  <body>
    <canvas id="myCanvas" width="400" height="400"></canvas>

// Crear el objeto del corazón
      var corazon = {
        x: canvas.width / 2,
        y: canvas.height / 2,
        radius: 10,
        color: "#ff0000",
        direction: "right",
      };

// Crear el objeto de la flecha
      var flecha = {
        x: Math.random() * (canvas.width - 20) + 10,
        y: Math.random() * (canvas.height - 20) + 10,
        radius: 5,
        color: "#00ff00",
      };

// Variables de control
      var puntaje = 0;
      var vidas = 3;

// Función para dibujar el corazón
      function dibujarCorazon() {
        ctx.beginPath();
        ctx.arc(corazon.x, corazon.y, corazon.radius, 0, Math.PI * 2, false);
        ctx.fillStyle = corazon.color;
        ctx.fill();
        ctx.closePath();
      }

// Función para dibujar la flecha
      function dibujarFlecha() {
        ctx.beginPath();
        ctx.arc(flecha.x, flecha.y, flecha.radius, 0, Math.PI * 2, false);
        ctx.fillStyle = flecha.color;
        ctx.fill();
        ctx.closePath();
      }

// Función para mover el corazón
      function moverCorazon() {
        if (corazon.direction === "right") {
          corazon.x += 2;
        } else if (corazon.direction === "left") {
          corazon.x -= 2;
        } else if (corazon.direction === "up") {
          corazon.y -= 2;
        } else if (corazon.direction === "down") {
          corazon.y += 2;
        }
      }

// Función para actualizar el marcador y las vidas
      function actualizarMarcador() {
        ctx.font = "16px Arial";
        ctx.fillStyle = "#000000";
        ctx.fillText("Puntaje: " + puntaje, 8, 20);
        ctx.fillText("Vidas: " + vidas, canvas.width - 65, 20);
      }

// Función para controlar las colisiones del corazón con la flecha
      function verificarColision() {
        var distanciaX = Math.abs(corazon.x - flecha.x);
        var distanciaY = Math.abs(corazon.y - flecha.y);

if (distanciaX < (corazon.radius + flecha.radius) && distanciaY < (corazon.radius + flecha.radius)) {
          // Colisión detectada, el corazón muere
          vidas--;
          resetearCorazon();
        }
      }

// Función para reiniciar la posición del corazón
      function resetearCorazon() {
        corazon.x = canvas.width / 2;
        corazon.y = canvas.height / 2;
        corazon.direction = "right";
      }

// Función para controlar las pulsaciones de teclas
      function manejarEventosTeclado(event) {
        if (event.keyCode === 37) {
          // Flecha izquierda
          corazon.direction = "left";
        } else if (event.keyCode === 38) {
          // Flecha arriba
          corazon.direction = "up";
        } else if (event.keyCode === 39) {
          // Flecha derecha
          corazon.direction = "right";
        } else if (event.keyCode === 40) {
          // Flecha abajo
          corazon.direction = "down";
        }
      }

// Función de juego principal
      function juegoPrincipal() {
        // Limpiar el lienzo
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Dibujar el corazón
        dibujarCorazon();

// Dibujar la flecha
        dibujarFlecha();

// Mover el corazón
        moverCorazon();

// Verificar colisiones
        verificarColision();

// Actualizar el marcador y las vidas
        actualizarMarcador();

// Si el juego no ha terminado, repetir el proceso
        if (vidas > 0) {
          requestAnimationFrame(juegoPrincipal);
        } else {
          // El juego ha terminado
          alert("Juego terminado. ¡Puntaje final: " + puntaje + "!");
        }
      }

// Event listener para las pulsaciones de teclas
      document.addEventListener("keydown", manejarEventosTeclado);

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