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

No:39454

Juego de correr y esquibar bombas
Developer User17653｜Date and time 24/1/28 14:28:43
Build time 9.875 sec｜Game capacity 2.452KB｜

Script

Juego de correr y esquivar bombas

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Juego de correr y esquivar bombas</title>
    <style>
      #player {
        width: 50px;
        height: 50px;
        background-color: red;
        position: absolute;
      }

#bomb {
        width: 30px;
        height: 30px;
        background-color: black;
        position: absolute;
      }
    </style>
  </head>
  <body>
    <h1>Juego de correr y esquivar bombas</h1>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Definir las variables del juego
      let playerX = canvas.width / 2;
      let playerY = canvas.height - 50;
      let bombX = Math.random() * (canvas.width - 30);
      let bombY = -30;
      let score = 0;
      let gameSpeed = 1;

// Dibujar al jugador y la bomba en el canvas
      function draw() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Dibujar al jugador
        ctx.fillStyle = "red";
        ctx.fillRect(playerX, playerY, 50, 50);

// Dibujar la bomba
        ctx.fillStyle = "black";
        ctx.fillRect(bombX, bombY, 30, 30);
      }

// Actualizar la posición del jugador y la bomba
      function update() {
        // Mover al jugador hacia la izquierda o derecha al tocar la pantalla
        document.addEventListener("touchstart", function(event) {
          const touchX = event.touches[0].clientX;
          if (touchX < canvas.width / 2) {
            playerX -= 10;
          } else {
            playerX += 10;
          }
        });

// Hacer descender la bomba
        if (bombY >= canvas.height) {
          bombX = Math.random() * (canvas.width - 30);
          bombY = -30;
          score++;
        } else {
          bombY += gameSpeed;
        }

// Comprobar si el jugador choca con la bomba
        if (playerX < bombX + 30 &&
            playerX + 50 > bombX &&
            playerY < bombY + 30 &&
            playerY + 50 > bombY) {
          alert("¡Has perdido!\nPuntuación: " + score);
          clearInterval(gameLoop);
        }
      }

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

// Iniciar el juego
      var gameLoop = setInterval(gameLoop, 20);
    </script>
  </body>
</html>