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

No:38061

Five nights at penguins (tiene máscara por si vien..ALL
Developer User16276｜Date and time 24/1/22 9:01:30
Build time 10.753 sec｜Game capacity 2.829KB｜

Script

Bienvenido a "Five Nights at Penguins"

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Five Nights at Penguins</title>
</head>
<body>
  <h1>Bienvenido a "Five Nights at Penguins"</h1>
  
  <canvas id="gameCanvas" width="800" height="600"></canvas>

// Event listeners para controlar la posición del pingüino con el dedo en la pantalla táctil
    canvas.addEventListener("touchstart", touchHandler, false);
    canvas.addEventListener("touchmove", touchHandler, false);

// Función para manejar los eventos táctiles
    function touchHandler(event) {
      var touch = event.touches[0];
      var touchX = touch.pageX - canvas.offsetLeft;
      var touchY = touch.pageY - canvas.offsetTop;
      penguinX = touchX;
      penguinY = touchY;
    }

// Función para dibujar los objetos en el canvas
    function draw() {
      // Limpiar el canvas
      context.clearRect(0, 0, canvas.width, canvas.height);

// Dibujar al pingüino
      context.fillStyle = "blue";
      context.beginPath();
      context.arc(penguinX, penguinY, 30, 0, Math.PI * 2, false);
      context.closePath();
      context.fill();

// Dibujar al animatrónico
      context.fillStyle = "red";
      context.beginPath();
      context.arc(animatronicX, animatronicY, 20, 0, Math.PI * 2, false);
      context.closePath();
      context.fill();

// Dibujar el puntaje
      context.fillStyle = "black";
      context.font = "20px Arial";
      context.fillText("Puntaje: " + score, 10, 25);
    }

// Función para actualizar la posición del animatrónico y verificar colisiones
    function update() {
      // Mover el animatrónico hacia el pingüino
      if (animatronicX < penguinX) {
        animatronicX += 1;
      } else {
        animatronicX -= 1;
      }

if (animatronicY < penguinY) {
        animatronicY += 1;
      } else {
        animatronicY -= 1;
      }

// Verificar colisión entre el pingüino y el animatrónico
      var distance = Math.sqrt(
        Math.pow(penguinX - animatronicX, 2) + Math.pow(penguinY - animatronicY, 2)
      );
      if (distance < 50) {
        gameOver = true;
      }

// Incrementar el puntaje
      score++;
    }

// Función principal del juego
    function gameLoop() {
      if (!gameOver) {
        draw();
        update();
        requestAnimationFrame(gameLoop);
      } else {
        alert("¡Game Over! Tu puntaje final es: " + score);
      }
    }

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