Geometry dash 2 jump over spikes and win's game

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

No:43364

138

←

Prev Next

→

Geometry dash 2 jump over spikes and win
Developer User19162｜Date and time 24/2/15 9:02:20
Build time 12.938 sec｜Game capacity 4.958KB｜

Script

Sure! Here's a simple implementation of a game similar to Geometry Dash, where you control a character to jump over spikes and win.

In this game, you control a character at the bottom of the screen. Press the space bar to make the character jump over the spiked obstacles. Your goal is to avoid colliding with the spikes while the game speed increases over time. Your score increases for every successful jump. When you collide with a spike, the game will be over and your final score will be displayed in an alert message. Note: Due to the limitations of the text-based environment, this code may not actually run as an HTML file properly. It is recommended to copy and paste the code into an actual HTML file (e.g., `game.html`) and open it in a web browser to play the game.

←

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 similar to Geometry Dash, where you control a character to jump over spikes and win.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Geometry Dash - Spike Jumper</title>
    <style>
        html, body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        #game-container {
            width: 100%;
            height: 100%;
            background: #000;
            position: relative;
        }
        #character {
            width: 50px;
            height: 50px;
            background: #f00;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
        }
        .spike {
            width: 50px;
            height: 50px;
            background: #ff0;
            position: absolute;
            bottom: 0;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="character"></div>
    </div>
    <script>
        // Game variables
        var gameContainer = document.getElementById("game-container");
        var character = document.getElementById("character");
        var spikes = [];
        var score = 0;
        var gravity = 0.5;
        var jumpForce = 10;
        var gameSpeed = 4;

// Character controls
        function jump() {
            character.style.animation = "none";
            character.style.bottom = parseInt(character.style.bottom) + jumpForce + "px";
            setTimeout(function() {
                fall();
            }, 200);
        }

function fall() {
            character.style.animation = "fall 0.3s linear infinite";
            character.style.bottom = parseInt(character.style.bottom) - gravity + "px";
        }

// Game loop
        function update() {
            // Check collision with spikes
            for (var i = 0; i < spikes.length; i++) {
                if (isColliding(character, spikes[i])) {
                    gameOver();
                    return;
                }
            }
      
            // Update score
            score++;
      
            // Move the spikes
            for (var i = 0; i < spikes.length; i++) {
                spikes[i].style.left = parseInt(spikes[i].style.left) - gameSpeed + "px";
      
                // Remove spikes once they are out of the screen
                if (parseInt(spikes[i].style.left) + 50 < 0) {
                    spikes[i].remove();
                    spikes.splice(i, 1);
                    i--;
                }
            }
      
            // Create new spikes
            if (score % 100 === 0) {
                createSpike();
            }
      
            // Animate the character
            if (character.style.animation === "none") {
                character.style.animation = "jump 0.3s ease-out";
            }
      
            // Call update again
            requestAnimationFrame(update);
        }
      
        // Game over
        function gameOver() {
            alert("Game Over! Your score: " + score);
            location.reload();
        }
      
        // Helper function to check collision between two elements
        function isColliding(elem1, elem2) {
            var rect1 = elem1.getBoundingClientRect();
            var rect2 = elem2.getBoundingClientRect();
            return !(rect1.right < rect2.left ||
                    rect1.left > rect2.right ||
                    rect1.bottom < rect2.top ||
                    rect1.top > rect2.bottom);
        }
      
        // Create a new spike
        function createSpike() {
            var spike = document.createElement("div");
            spike.className = "spike";
            spike.style.left = "100%";
            var randomHeight = Math.floor(Math.random() * (200 - 50 + 1)) + 50; // Random height between 50px and 200px
            spike.style.height = randomHeight + "px";
            gameContainer.appendChild(spike);
            spikes.push(spike);
        }
      
        // Event listener for character jump
        document.addEventListener("keydown", function(event) {
            if (event.code === "Space") {
                jump();
            }
        });
      
        // Start the game
        update();
    </script>
</body>
</html>
```

Note: Due to the limitations of the text-based environment, this code may not actually run as an HTML file properly. It is recommended to copy and paste the code into an actual HTML file (e.g., `game.html`) and open it in a web browser to play the game.