Créame un juego tipo geometry dash's game

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

No:50569

113

←

Prev Next

→

Créame un juego tipo geometry dash
Developer User18851｜Date and time 24/3/9 2:22:57
Build time 8.793 sec｜Game capacity 2.714KB｜

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 Juego</title>
    <style>
        canvas { border: 1px solid black; }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="400"></canvas>
    
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        
        let player = {
            x: 50,
            y: 200,
            width: 50,
            height: 50,
            speed: 25,
            jumping: false
        };
        
        let obstacles = [
            { x: 800, y: 0, width: 50, height: 200 },
            { x: 1100, y: 0, width: 50, height: 150 },
            { x: 1400, y: 0, width: 50, height: 250 },
            { x: 1700, y: 0, width: 50, height: 180 }
        ];
        
        function drawPlayer() {
            ctx.fillStyle = 'red';
            ctx.fillRect(player.x, player.y, player.width, player.height);
        }
        
        function drawObstacles() {
            ctx.fillStyle = 'green';
            obstacles.forEach((obstacle) => {
                ctx.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);
            });
        }
        
        function checkCollisions() {
            obstacles.forEach((obstacle) => {
                if (player.x < obstacle.x + obstacle.width &&
                    player.x + player.width > obstacle.x &&
                    player.y < obstacle.y + obstacle.height &&
                    player.y + player.height > obstacle.y) {
                    alert('Game Over! Reload the page to play again.');
                }
            });
        }
        
        function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawPlayer();
            drawObstacles();
            checkCollisions();
            
            obstacles.forEach((obstacle) => {
                obstacle.x -= player.speed;
                if (obstacle.x + obstacle.width < 0) {
                    obstacle.x = canvas.width;
                }
            });
            
            requestAnimationFrame(gameLoop);
        }
        
        window.addEventListener('keydown', (e) => {
            if (e.key === ' ') {
                if (!player.jumping) {
                    player.jumping = true;
                    player.y -= 100;
                    
                    setTimeout(() => {
                        player.y += 100;
                        player.jumping = false;
                    }, 1000);
                }
            }
        });
        
        gameLoop();
    </script>
</body>
</html>