AI game creator

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

No:16003

←

Prev Next

→

Geometry dash
Developer User7059｜Date and time 23/9/15 2:39:34
Build time 44.011 sec｜Game capacity 5.026KB｜

Script

Sure, here's a simple implementation of a game inspired by Geometry Dash using JavaScript and HTML:

This implementation is a simplified version of Geometry Dash where the player needs to jump over obstacles. You can control the player's jump by swiping up on the screen. The game ends if the player hits an obstacle. Please note that this is just a basic example and can be further improved and customized based on your preferences and requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

Sure, here's a simple implementation of a game inspired by Geometry Dash using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Geometry Dash Game</title>
  <style>
    body {
      margin: 0;
      overflow: hidden;
    }
    
    #player {
      width: 50px;
      height: 50px;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 0;
      background-color: red;
    }
    
    .obstacle {
      width: 50px;
      height: 50px;
      position: absolute;
      background-color: blue;
    }
  </style>
</head>
<body>
  <div id="player"></div>
  <script>
    document.addEventListener("DOMContentLoaded", function() {
      // Player movement
      var player = document.getElementById("player");
      var touchStartY = 0;
      var touchEndY = 0;
      var playerJumpHeight = 200;
      
      document.addEventListener("touchstart", function(e) {
        touchStartY = e.touches[0].clientY;
      });
      
      document.addEventListener("touchend", function(e) {
        touchEndY = e.changedTouches[0].clientY;
        var deltaY = touchEndY - touchStartY;
        
        if (deltaY < 0) {
          playerJump();
        }
      });
      
      function playerJump() {
        var startY = parseInt(player.style.bottom);
        var endY = startY + playerJumpHeight;
        var duration = 500;
        var startTime = null;
        
        function jump(timestamp) {
          if (!startTime) startTime = timestamp;
          var progress = timestamp - startTime;
          var displacement = easeInOut(progress, startY, endY - startY, duration);
          
          player.style.bottom = displacement + "px";
          
          if (progress < duration) {
            requestAnimationFrame(jump);
          } else {
            player.style.bottom = startY + "px";
          }
        }
        
        requestAnimationFrame(jump);
      }
      
      // Obstacle generation
      var obstacleInterval = 2000;
      var minObstacleGap = 100;
      var maxObstacleGap = 300;
      
      setInterval(function() {
        var obstacleWidth = 50; // Default width
        var obstacleHeight = window.innerHeight;
        var obstacleGap = Math.floor(Math.random() * (maxObstacleGap - minObstacleGap + 1)) + minObstacleGap;
        
        var obstacleTop = document.createElement("div");
        obstacleTop.classList.add("obstacle");
        obstacleTop.style.width = obstacleWidth + "px";
        obstacleTop.style.height = obstacleHeight + "px";
        obstacleTop.style.right = "0";
        obstacleTop.style.bottom = obstacleHeight + "px";
        
        var obstacleBottom = document.createElement("div");
        obstacleBottom.classList.add("obstacle");
        obstacleBottom.style.width = obstacleWidth + "px";
        obstacleBottom.style.height = obstacleHeight + "px";
        obstacleBottom.style.right = "0";
        obstacleBottom.style.bottom = (obstacleHeight + obstacleGap) + "px";
        
        document.body.appendChild(obstacleTop);
        document.body.appendChild(obstacleBottom);
        
        var obstacleSpeed = 2;
        
        function moveObstacles() {
          var currentPosition1 = parseInt(obstacleTop.style.right);
          var currentPosition2 = parseInt(obstacleBottom.style.right);
          
          obstacleTop.style.right = (currentPosition1 + obstacleSpeed) + "px";
          obstacleBottom.style.right = (currentPosition2 + obstacleSpeed) + "px";
          
          if (currentPosition1 > window.innerWidth) {
            obstacleTop.remove();
          }
          
          if (currentPosition2 > window.innerWidth) {
            obstacleBottom.remove();
          }
          
          if (
            (currentPosition1 + obstacleWidth) >= (window.innerWidth / 2 - player.offsetWidth / 2) &&
            (currentPosition1 + obstacleWidth) <= (window.innerWidth / 2 + player.offsetWidth / 2) &&
            (parseInt(player.style.bottom) < (obstacleHeight - player.offsetHeight) ||
            parseInt(player.style.bottom) > (obstacleHeight + obstacleGap))
          ) {
            endGame();
          }
          
          requestAnimationFrame(moveObstacles);
        }
        
        requestAnimationFrame(moveObstacles);
        
        function endGame() {
          alert("Game over!");
          location.reload(); // Restart the game
        }
      }, obstacleInterval);
      
      // Easing function
      function easeInOut(t, b, c, d) {
        t /= d / 2;
        if (t < 1) return c / 2 * t * t + b;
        t--;
        return -c / 2 * (t * (t - 2) - 1) + b;
      }
    });
  </script>
</body>
</html>
```

Please note that this is just a basic example and can be further improved and customized based on your preferences and requirements.