AI game creator

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

No:28767

←

Prev Next

→

Geometry dash
Developer User14230｜Date and time 23/12/14 5:27:00
Build time 56.373 sec｜Game capacity 5.149KB｜

Script

Sure! Here's a simple implementation of a game similar to Geometry Dash using JavaScript, HTML, and CSS:

Score: 0

When you open this HTML file in a web browser on your smartphone, you'll see a black game area with a white square representing the player. The player moves up and down as obstacles move from right to left. You can tap anywhere on the game area to make the player jump. Your goal is to avoid the red obstacles, and every successful pass through an obstacle will increase your score. Please note that this is a very basic implementation and doesn't include advanced features like levels, custom levels, or custom characters. It's just a starting point for you to improve upon and make it more similar to Geometry Dash.

←

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 using JavaScript, HTML, and CSS:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        body, html {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        
        #game {
            background-color: #000;
            width: 100%;
            height: 100%;
            position: absolute;
        }
        
        #player {
            background-color: #fff;
            width: 50px;
            height: 50px;
            position: absolute;
        }
        
        .obstacle {
            background-color: #ff0000;
            width: 50px;
            height: 50px;
            position: absolute;
        }
        
        #score {
            color: #fff;
            font-family: Arial, sans-serif;
            font-size: 20px;
            position: absolute;
            top: 20px;
            left: 20px;
        }
    </style>
</head>
<body>
    <div id="game">
        <div id="player"></div>
        <div id="score">Score: 0</div>
    </div>

// Function to start the game
        function startGame() {
            obstacleTimeoutID = setTimeout(createObstacle, 2000);
            player.style.top = (game.clientHeight / 2) + "px";
            player.style.left = (game.clientWidth / 2) + "px";
            game.addEventListener("click", jump);
            gameLoop();
        }

// Function to update the game state
        function gameLoop() {
            var playerTop = parseInt(player.style.top) || 0;
            var playerLeft = parseInt(player.style.left) || 0;
            
            if (isJumping) {
                player.style.top = (playerTop - speed) + "px";
            } else {
                player.style.top = (playerTop + speed) + "px";
            }
            
            var obstacles = document.getElementsByClassName("obstacle");
            for (var i = 0; i < obstacles.length; i++) {
                var obstacleLeft = parseInt(obstacles[i].style.left);
                var obstacleTop = parseInt(obstacles[i].style.top);
                
                // Check collision
                if (
                    playerLeft < (obstacleLeft + 50) &&
                    (playerLeft + 50) > obstacleLeft &&
                    playerTop < (obstacleTop + 50) &&
                    (playerTop + 50) > obstacleTop
                ) {
                    clearInterval(gameIntervalID);
                    clearTimeout(obstacleTimeoutID);
                    game.removeEventListener("click", jump);
                    alert("Game Over! Your score: " + scoreValue);
                    break;
                }
                
                // Update score if passed obstacle successfully
                if (obstacleLeft + 50 < playerLeft) {
                    scoreValue++;
                    score.innerHTML = "Score: " + scoreValue;
                }
                
                // Remove obstacles that are out of the game area
                if (obstacleLeft + 50 < 0) {
                    obstacles[i].remove();
                } else {
                    obstacles[i].style.left = (obstacleLeft - speed) + "px";
                }
            }
            
            // Recursive call to update game in real time
            var gameIntervalID = setTimeout(gameLoop, 10);
        }

// Function to handle player jump
        function jump() {
            if (!isJumping) {
                isJumping = true;
                setTimeout(function(){
                    isJumping = false;
                }, 300);
            }
        }

// Function to create obstacles
        function createObstacle() {
            var obstacle = document.createElement("div");
            obstacle.className = "obstacle";
            obstacle.style.top = Math.floor(Math.random() * (game.clientHeight - 50)) + "px";
            obstacle.style.left = game.clientWidth + "px";
            game.appendChild(obstacle);
            obstacleTimeoutID = setTimeout(createObstacle, Math.floor(Math.random() * 3000) + 1000);
        }

// Start the game
        startGame();
    </script>
</body>
</html>
```

Please note that this is a very basic implementation and doesn't include advanced features like levels, custom levels, or custom characters. It's just a starting point for you to improve upon and make it more similar to Geometry Dash.