Geometry dash's game | AI game creator

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

No:6919

289

Geometry dash
Developer User3943｜Date and time 23/7/4 8:09:11
Build time 32.59 sec｜Game capacity 4.877KB｜

Sure! Here's a simple implementation of a game inspired by Geometry Dash using HTML, CSS, and JavaScript. It is enclosed within `` tags and can be run as a single HTML file. The game involves controlling a square character to avoid obstacles and reach the finish line. <br><br> <br> <style> #game-container { position: relative; width: 400px; height: 400px; background: #ffffff; border: 1px solid #000000; overflow: hidden; } #character { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; background: blue; } .obstacle { position: absolute; top: 0; width: 30px; height: 200px; background: red; } #finish-line { position: absolute; bottom: 0; width: 100%; height: 10px; background: green; } </style> <div id="game-container"> <div id="character"></div> <div class="obstacle" style="left: 100px;"></div> <div class="obstacle" style="left: 200px;"></div> <div class="obstacle" style="left: 300px;"></div> <div id="finish-line"></div> </div>

This code implements a simplified version of Geometry Dash where the character jumps to avoid obstacles and aims to reach the finish line. You can run the code in any web browser, including on a smartphone, and control the character by tapping/clicking on the game container. The game will show alerts for game over and level completion.

→ 　

0　

0　

[PR]現在の売れ筋アプリランキング

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

(C)2023 HisashiApp

Sure! Here's a simple implementation of a game inspired by Geometry Dash using HTML, CSS, and JavaScript. It is enclosed within `<script>` tags and can be run as a single HTML file. The game involves controlling a square character to avoid obstacles and reach the finish line.

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        #game-container {
            position: relative;
            width: 400px;
            height: 400px;
            background: #ffffff;
            border: 1px solid #000000;
            overflow: hidden;
        }

#character {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 50px;
            height: 50px;
            background: blue;
        }

.obstacle {
            position: absolute;
            top: 0;
            width: 30px;
            height: 200px;
            background: red;
        }

#finish-line {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 10px;
            background: green;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="character"></div>
        <div class="obstacle" style="left: 100px;"></div>
        <div class="obstacle" style="left: 200px;"></div>
        <div class="obstacle" style="left: 300px;"></div>
        <div id="finish-line"></div>
    </div>

<script>
        // Get required elements from the DOM
        const character = document.getElementById('character');
        const obstacles = document.getElementsByClassName('obstacle');
        const finishLine = document.getElementById('finish-line');
        const gameContainer = document.getElementById('game-container');

// Game variables
        let gameSpeed = 2;
        let isGameOver = false;

// Move the character up or down based on user touch/click
        gameContainer.addEventListener('click', () => {
            if (!isGameOver) {
                if (character.classList.contains('jump')) {
                    return;
                }
                character.classList.add('jump');
                setTimeout(() => {
                    character.classList.remove('jump');
                }, 500);
            } else {
                resetGame();
            }
        });

// Update the game state every frame
        function update() {
            if (!isGameOver) {
                const characterTop = parseInt(window.getComputedStyle(character).getPropertyValue('top'));
                const characterHeight = parseInt(window.getComputedStyle(character).getPropertyValue('height'));
            
                // Check collision with obstacles
                for (let obstacle of obstacles) {
                    const obstacleLeft = parseInt(window.getComputedStyle(obstacle).getPropertyValue('left'));
                    const obstacleTop = parseInt(window.getComputedStyle(obstacle).getPropertyValue('top'));
                    const obstacleHeight = parseInt(window.getComputedStyle(obstacle).getPropertyValue('height'));
                    
                    if (obstacleLeft <= 50 && obstacleLeft >= -20 && characterTop + characterHeight >= obstacleTop) {
                        gameOver();
                        return;
                    }
                }
            
                // Check if character reaches finish line
                const finishLineTop = parseInt(window.getComputedStyle(finishLine).getPropertyValue('top'));
                if (characterTop + characterHeight >= gameContainer.offsetHeight - finishLineTop) {
                    gameComplete();
                    return;
                }
                
                // Update character position
                character.style.top = (characterTop + gameSpeed) + 'px';
            
                requestAnimationFrame(update);
            }
        }
        
        // Game over logic
        function gameOver() {
            isGameOver = true;
            alert('Game Over!');
        }
        
        // Game complete logic
        function gameComplete() {
            isGameOver = true;
            alert('Congratulations! You completed the level!');
        }
        
        // Reset game state
        function resetGame() {
            isGameOver = false;
            character.style.top = '50%';
        }
        
        // Start the game
        requestAnimationFrame(update);
    </script>
</body>
</html>
```

This code implements a simplified version of Geometry Dash where the character jumps to avoid obstacles and aims to reach the finish line. You can run the code in any web browser, including on a smartphone, and control the character by tapping/clicking on the game container. The game will show alerts for game over and level completion.