Pizza que corre del pepperoni's game

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

No:25831

←

Prev Next

→

Pizza que corre del pepperoni
Developer User11805｜Date and time 23/11/25 0:57:09
Build time 38.809 sec｜Game capacity 1.697KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
  <title>Pizza que corre del pepperoni</title>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="400" style="border: 1px solid black;"></canvas>
  <script>
    // Obtener el elemento del lienzo del juego
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");

// Definir la posición inicial de la pizza
    var pizzaX = canvas.width / 2;
    var pizzaY = canvas.height - 30;

// Definir la velocidad y dirección de la pizza
    var pizzaDX = 3;
    var pizzaDY = -3;

// Cargar la imagen del pepperoni
    var pepperoniImg = new Image();
    pepperoniImg.src = "pepperoni.png";

// Función para dibujar la pizza en el lienzo
    function drawPizza() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      ctx.drawImage(pepperoniImg, pizzaX, pizzaY);
    }

// Función para actualizar la posición de la pizza
    function updatePizzaPosition() {
      pizzaX += pizzaDX;
      pizzaY += pizzaDY;
    }

// Función para manejar el movimiento de la pizza en respuesta al toque de pantalla
    function onTouchMove(event) {
      var touchX = event.touches[0].clientX;
      var touchY = event.touches[0].clientY;

pizzaX = touchX - pepperoniImg.width / 2;
      pizzaY = touchY - pepperoniImg.height / 2;
    }

// Función principal del juego
    function gameLoop() {
      updatePizzaPosition();
      drawPizza();
      requestAnimationFrame(gameLoop);
    }

// Iniciar el juego al cargar la página
    window.onload = function() {
      drawPizza();
      canvas.addEventListener("touchmove", onTouchMove);
      gameLoop();
    };
  </script>
</body>
</html>