Crea un juego estilo geometry dash's game

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

No:33329

←

Prev Next

→

Crea un juego estilo geometry dash
Developer User15735｜Date and time 24/1/3 16:42:56
Build time 37.796 sec｜Game capacity 3.739KB｜

Script

Claro, aquí tienes un ejemplo de un juego estilo Geometry Dash implementado como un solo archivo HTML:

Para jugar, simplemente abre el archivo HTML en tu smartphone y el juego iniciará automáticamente. Toca la pantalla para saltar y evita chocar con los obstáculos verdes. Si chocas, aparecerá una alerta indicando que has perdido, y puedes volver a iniciar el juego recargando la página. Espero que esto te ayude a tener una idea de cómo crear un juego estilo Geometry Dash utilizando JavaScript en un solo archivo HTML. ¡Diviértete jugando!

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Claro, aquí tienes un ejemplo de un juego estilo Geometry Dash implementado como un solo archivo HTML:

```html
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Geometry Dash</title>
  <style>
    #game {
      width: 400px;
      height: 600px;
      border: 1px solid black;
      position: relative;
    }
    #player {
      width: 50px;
      height: 50px;
      background-color: red;
      position: absolute;
      bottom: 0;
      left: 50px;
    }
    .obstacle {
      width: 50px;
      height: 50px;
      background-color: green;
      position: absolute;
    }
  </style>
</head>
<body>
  <div id="game">
    <div id="player"></div>
  </div>

document.addEventListener("keydown", function(event) {
        if (event.code === "Space") {
          jump();
        }
      });

function createObstacle() {
        if (!gameOver) {
          const obstacle = document.createElement("div");
          obstacle.classList.add("obstacle");
          obstacle.style.left = game.offsetWidth + "px";
          obstacle.style.bottom = Math.floor(Math.random() * (game.offsetHeight - 50)) + "px";
          game.appendChild(obstacle);

let obstacleInterval = setInterval(function() {
            let obstacleLeft = parseInt(window.getComputedStyle(obstacle).getPropertyValue("left"));
            let playerBottom = parseInt(window.getComputedStyle(player).getPropertyValue("bottom"));
            if (obstacleLeft >= 50 && obstacleLeft <= 100 && playerBottom <= 50) {
              clearInterval(obstacleInterval);
              gameOver = true;
              alert("¡Has perdido!");
              location.reload();
            }

obstacle.style.left = (obstacleLeft - gameSpeed) + "px";
            if (obstacleLeft <= -50) {
              obstacle.remove();
            }
          }, 10);

setTimeout(createObstacle, 2000);
        }
      }

createObstacle();
    });
  </script>
</body>
</html>
```

Espero que esto te ayude a tener una idea de cómo crear un juego estilo Geometry Dash utilizando JavaScript en un solo archivo HTML. ¡Diviértete jugando!