AI game creator

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

No:41101

100

←

Prev Next

→

Geometry dash
Developer User18466｜Date and time 24/2/6 3:22:40
Build time 13.271 sec｜Game capacity 3.331KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Geometry Dash Game</title>
<style>
    #game-container {
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #000;
        color: #fff;
    }
</style>
</head>
<body>
<div id="game-container">
    <canvas id="game-canvas" width="400" height="600"></canvas>
</div>
<script>
    // Pictograms for the game
    const playerPictogram = "🚀";
    const obstaclePictogram = "🔲";

// Game variables
    let canvas;
    let context;
    let playerX;
    let playerY;
    let obstacles;
    let gameInterval;
    let score;

// Handle touch events
    document.addEventListener("touchstart", jump);

// Initialize the game
    function startGame() {
        canvas = document.getElementById("game-canvas");
        context = canvas.getContext("2d");
        playerX = 50;
        playerY = canvas.height / 2;
        obstacles = [];
        score = 0;
        gameInterval = setInterval(updateGame, 20);
    }

// Update the game state
    function updateGame() {
        clearCanvas();
        movePlayer();
        moveObstacles();
        drawPlayer();
        drawObstacles();
        updateScore();
        checkCollision();
    }

// Clear the canvas
    function clearCanvas() {
        context.clearRect(0, 0, canvas.width, canvas.height);
    }

// Move the player
    function movePlayer() {
        playerY += 1; // gravity
    }

// Jump when the screen is touched
    function jump() {
        playerY -= 30;
    }

// Move the obstacles
    function moveObstacles() {
        for (let i = 0; i < obstacles.length; i++) {
            obstacles[i][0] -= 3; // obstacle speed
        }

if (Math.random() < 0.03) { // obstacle create frequency
            obstacles.push([canvas.width, Math.random() * canvas.height]);
        }
    }

// Draw the player
    function drawPlayer() {
        context.font = "40px Arial";
        context.fillText(playerPictogram, playerX, playerY);
    }

// Draw the obstacles
    function drawObstacles() {
        context.font = "40px Arial";
        context.fillStyle = "#ff0000";

for (let i = 0; i < obstacles.length; i++) {
            context.fillText(obstaclePictogram, obstacles[i][0], obstacles[i][1]);
        }
    }

// Update the score
    function updateScore() {
        score++;
        context.font = "20px Arial";
        context.fillStyle = "#fff";
        context.fillText("Score: " + score, 10, 25);
    }

// Check collision between player and obstacles
    function checkCollision() {
        for (let i = 0; i < obstacles.length; i++) {
            if (playerX < obstacles[i][0] + 40 &&
                playerX + 40 > obstacles[i][0] &&
                playerY < obstacles[i][1] + 40 &&
                playerY + 40 > obstacles[i][1]) {
                gameOver();
                return;
            }
        }
    }

// End the game
    function gameOver() {
        clearInterval(gameInterval);
        context.font = "30px Arial";
        context.fillStyle = "#fff";
        context.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2);
    }

// Start the game on page load
    window.onload = function() {
        startGame();
    }
</script>
</body>
</html>