AI game creator

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

No:5943

←

Prev Next

→

Make geometry dash
Developer User3854｜Date and time 23/7/1 3:11:03
Build time 19.936 sec｜Game capacity 2.688KB｜

Script

Sure! Here's a simple example of how you can create a simplified version of Geometry Dash using HTML and JavaScript as a single HTML file:

In this simplified version, you control a red square by tapping/clicking on the screen. The square moves horizontally and you need to avoid collisions with randomly generated obstacles. Note: This is a very basic example and does not include all the features of the original Geometry Dash game. It's provided just to demonstrate how you can create a simple game using HTML and JavaScript. You can further enhance it by adding more obstacles, levels, scoring, sound effects, etc.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple example of how you can create a simplified version of Geometry Dash using HTML and JavaScript as a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Geometry Dash</title>
  <style>
    html, body {
      height: 100%;
      overflow: hidden;
    }
    #player {
      position: absolute;
      left: 50px;
      bottom: 50px;
      width: 50px;
      height: 50px;
      background-color: red;
    }
  </style>
</head>
<body>
  <script>
    // Game variables
    var player;
    var interval;
    var gameSpeed = 5;
  
    // Initialize the game
    function startGame() {
      // Create the player element
      player = document.createElement("div");
      player.id = "player";
      document.body.appendChild(player);
      
      // Start the game loop
      interval = setInterval(updateGame, 20);
    }
  
    // Game loop
    function updateGame() {
      // Move player horizontally
      if (player.offsetLeft < window.innerWidth - player.offsetWidth) {
        player.style.left = player.offsetLeft + gameSpeed + "px";
      }
      
      // Check for collision with obstacles
      var obstacles = document.getElementsByClassName("obstacle");
      for (var i = 0; i < obstacles.length; i++) {
        if (isColliding(player, obstacles[i])) {
          gameOver();
        }
      }
    }
  
    // Check collision between two elements
    function isColliding(elem1, elem2) {
      var rect1 = elem1.getBoundingClientRect();
      var rect2 = elem2.getBoundingClientRect();
      
      return (
        rect1.left < rect2.right &&
        rect1.right > rect2.left &&
        rect1.top < rect2.bottom &&
        rect1.bottom > rect2.top
      );
    }
  
    // Game over
    function gameOver() {
      clearInterval(interval); // Stop the game loop
      alert("Game over!");
    }
  
    // Handle touch events
    document.addEventListener("touchstart", function(event) {
      if (event.touches[0].clientY > window.innerHeight / 2) {
        gameSpeed *= -1; // Reverse player movement direction
      }
    });
  
    // Start the game when the window loads
    window.onload = function() {
      startGame();
    };
  </script>
</body>
</html>
```

In this simplified version, you control a red square by tapping/clicking on the screen. The square moves horizontally and you need to avoid collisions with randomly generated obstacles.

Note: This is a very basic example and does not include all the features of the original Geometry Dash game. It's provided just to demonstrate how you can create a simple game using HTML and JavaScript. You can further enhance it by adding more obstacles, levels, scoring, sound effects, etc.