AI game creator

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

No:40212

←

Prev Next

→

Geometry dash
Developer User18027｜Date and time 24/2/1 20:16:19
Build time 16.41 sec｜Game capacity 4.337KB｜

Script

Sure! Here's a simple implementation of a game similar to Geometry Dash using HTML, CSS, and JavaScript. Please note that this is a simplified version and may not have all the features of the actual game.

To play the game, simply save the above code as an HTML file and open it in a web browser on a smartphone. The game will start automatically, and you can control the player by touching the screen to make it jump. Avoid colliding with the blue obstacles and try to achieve the highest score possible. Enjoy playing!

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Geometry Dash</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }
        
        #player {
            position: absolute;
            top: 50%;
            left: 50px;
            width: 50px;
            height: 50px;
            background-color: red;
        }
        
        .obstacle {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: blue;
            bottom: 0;
        }
    </style>
</head>
<body>
    <div id="player"></div>
    <script>
        // Game Variables
        var player = document.getElementById('player');
        var obstacles = [];
        var gameSpeed = 2;
        var score = 0;
        var isGameOver = false;
    
        // Game Initialization
        function init() {
            window.addEventListener('keydown', jump);
            window.addEventListener('touchstart', jump);
        
            setInterval(updateGame, 10);
            setInterval(increaseScore, 1000);
        }
    
        // Update Game State
        function updateGame() {
            if (!isGameOver) {
                movePlayer();
                moveObstacles();
                checkCollision();
            }
        }
    
        // Move Player
        function movePlayer() {
            var playerTop = parseInt(player.style.top);
            if (playerTop <= 0) {
                player.style.top = '0';
            } else if (playerTop >= window.innerHeight - 50) {
                player.style.top = (window.innerHeight - 50) + 'px';
            } else {
                player.style.top = (playerTop - gameSpeed) + 'px';
            }
        }
    
        // Move Obstacles
        function moveObstacles() {
            obstacles.forEach(function(obstacle) {
                var obstacleLeft = parseInt(obstacle.style.left);
                obstacle.style.left = (obstacleLeft - gameSpeed) + 'px';
            
                if (obstacleLeft <= 0) {
                    obstacle.remove();
                    obstacles.shift();
                }
            });
            createObstacle();
        }
    
        // Create Obstacles
        function createObstacle() {
            var obstacle = document.createElement('div');
            obstacle.className = 'obstacle';
            obstacle.style.left = window.innerWidth + 'px';
        
            var randomHeight = Math.floor(Math.random() * 400) + 100;
            obstacle.style.height = randomHeight + 'px';
        
            document.body.appendChild(obstacle);
            obstacles.push(obstacle);
        }
    
        // Check Collision
        function checkCollision() {
            var playerRect = player.getBoundingClientRect();
        
            obstacles.forEach(function(obstacle) {
                var obstacleRect = obstacle.getBoundingClientRect();
                if (playerRect.top < obstacleRect.bottom &&
                    playerRect.bottom > obstacleRect.top &&
                    playerRect.right > obstacleRect.left &&
                    playerRect.left < obstacleRect.right) {
                    gameOver();
                }
            });
        }
    
        // Handle Jumping
        function jump() {
            player.style.top = parseInt(player.style.top) + 50 + 'px';
        }
    
        // Increase Score
        function increaseScore() {
            score++;
            document.title = 'Geometry Dash - Score: ' + score;
        }
    
        // Game Over
        function gameOver() {
            isGameOver = true;
            alert('Game Over! Score: ' + score);
            location.reload(); // Restart the game
        }
    
        // Start the Game
        init();
    </script>
</body>
</html>
```