AI game creator

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

No:27750

←

Prev Next

→

Geometry Dash
Developer User13819｜Date and time 23/12/8 22:14:20
Build time 37.271 sec｜Game capacity 3.927KB｜

Script

Sure! Here's a simple implementation of a game inspired by Geometry Dash using JavaScript enclosed in script tags in a single HTML file:

You can copy and paste this code into a single HTML file and open it in a web browser (preferably on a smartphone) to play the game. The game involves controlling a red box (player) by tapping the screen to jump over green boxes (obstacles) moving from right to left. If the player collides with an obstacle, the game ends and an alert message is displayed.

←

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 enclosed in script tags in a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
<title>Geometry Dash</title>
<style>
    #player {
        width: 50px;
        height: 50px;
        background-color: red;
        position: absolute;
        bottom: 0;
    }
    
    .obstacle {
        width: 50px;
        height: 50px;
        background-color: green;
        position: absolute;
        top: 0;
    }
</style>
</head>
<body>
    <div id="game-container"></div>

// Game initialization
        function initialize() {
            gameContainer = document.getElementById("game-container");
            player = document.createElement("div");
            player.id = "player";
            gameContainer.appendChild(player);
            obstacles = [];
            isGameRunning = true;
            setInterval(createObstacle, OBSTACLE_INTERVAL);
            setInterval(updateGame, 20);
            document.addEventListener("click", jump);
        }

// Update game state
        function updateGame() {
            if (isGameRunning) {
                moveObstacles();
                applyGravity();
                checkCollision();
            }
        }

// Move player upwards
        function jump() {
            player.style.bottom = parseInt(player.style.bottom) + JUMP_FORCE + "px";
        }

// Apply gravity to player
        function applyGravity() {
            player.style.bottom = parseInt(player.style.bottom) + GRAVITY + "px";
        }

// Create new obstacle
        function createObstacle() {
            var obstacle = document.createElement("div");
            obstacle.className = "obstacle";
            obstacle.style.left = gameContainer.offsetWidth + "px";
            obstacles.push(obstacle);
            gameContainer.appendChild(obstacle);
        }

// Move obstacles from right to left
        function moveObstacles() {
            for (var i = 0; i < obstacles.length; i++) {
                obstacles[i].style.left = parseInt(obstacles[i].style.left) - OBSTACLE_SPEED + "px";
                if (parseInt(obstacles[i].style.left) <= 0) {
                    obstacles[i].remove();
                    obstacles.splice(i, 1);
                }
            }
        }

// Check collision between player and obstacles
        function checkCollision() {
            for (var i = 0; i < obstacles.length; i++) {
                if (isColliding(player, obstacles[i])) {
                    gameOver();
                    break;
                }
            }
        }

// Check if two elements collide
        function isColliding(element1, element2) {
            var rect1 = element1.getBoundingClientRect();
            var rect2 = element2.getBoundingClientRect();
            return !(
                rect1.top > rect2.bottom ||
                rect1.right < rect2.left ||
                rect1.bottom < rect2.top ||
                rect1.left > rect2.right
            );
        }

// Game over logic
        function gameOver() {
            isGameRunning = false;
            alert("Game over!");
        }

// Game start
        initialize();
    </script>
</body>
</html>
```