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

No:38127

Dame un juego tipo geometry dash
Developer User16957｜Date and time 24/1/22 21:21:24
Build time 10.213 sec｜Game capacity 2.174KB｜

Script

Geometry Dash

Score: 0

Instructions: Press the Spacebar to jump. Avoid the moving obstacle!

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>Geometry Dash</title>
    <style>
      #player {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 50px;
        height: 50px;
        background-color: red;
      }
      
      #obstacle {
        position: absolute;
        top: 0%;
        left: 80%;
        width: 50px;
        height: 300px;
        background-color: green;
        animation: obstacle-move 2s infinite linear;
      }
      
      @keyframes obstacle-move {
        0% {
          left: 100%;
        }

100% {
          left: -50px;
        }
      }
    </style>
  </head>
  <body>
    <script>
      document.addEventListener("DOMContentLoaded", function() {
        const player = document.getElementById("player");
        const obstacle = document.getElementById("obstacle");
        let score = 0;
        
        document.addEventListener("keydown", function(event) {
          if (event.code === "Space") {
            jump();
          }
        });
        
        setInterval(function() {
          const playerTop = parseInt(window.getComputedStyle(player).getPropertyValue("top"));
          const obstacleLeft = parseInt(window.getComputedStyle(obstacle).getPropertyValue("left"));
          
          if (obstacleLeft > 0 && obstacleLeft < 80 && playerTop >= 250) {
            gameOver();
          } else {
            score++;
            document.getElementById("score").innerText = "Score: " + score;
          }
        }, 10);
        
        function jump() {
          let playerTop = parseInt(window.getComputedStyle(player).getPropertyValue("top"));
          
          if (playerTop >= 10) {
            player.style.top = (playerTop - 50) + "px";
          }
        }
        
        function gameOver() {
          alert("Game Over! Your score: " + score);
          location.reload();
        }
      });
    </script>
    
    <h1>Geometry Dash</h1>
    <div id="player"></div>
    <div id="obstacle"></div>
    <p id="score">Score: 0</p>
    <p>Instructions: Press the Spacebar to jump. Avoid the moving obstacle!</p>
  </body>
</html>