AI game creator

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

No:46839

←

Prev Next

→

Geometry dash
Developer User20158｜Date and time 24/2/26 10:36:24
Build time 7.949 sec｜Game capacity 2.315KB｜

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</title>
    <style>
        body {
            text-align: center;
        }

canvas {
            border: 1px solid black;
        }
    </style>
</head>

let playerX = 200;
        let playerY = 550;
        let playerWidth = 40;
        let playerHeight = 40;

let obstacleX = 200;
        let obstacleY = 0;
        let obstacleWidth = 40;
        let obstacleHeight = 40;

let score = 0;

function drawPlayer() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(playerX, playerY, playerWidth, playerHeight);
        }

function drawObstacle() {
            ctx.fillStyle = 'red';
            ctx.fillRect(obstacleX, obstacleY, obstacleWidth, obstacleHeight);
        }

function updateObstacle() {
            obstacleY += 5;

if (obstacleY > canvas.height) {
                obstacleX = Math.random() * canvas.width;
                obstacleY = 0;
                score++;
            }
        }

function collisionDetection() {
            if (playerX < obstacleX + obstacleWidth && 
                playerX + playerWidth > obstacleX && 
                playerY < obstacleY + obstacleHeight && 
                playerY + playerHeight > obstacleY) {
                alert('Game Over! Your Score: ' + score);
                obstacleX = Math.random() * canvas.width;
                obstacleY = 0;
                score = 0;
            }
        }

function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer();
            drawObstacle();
            updateObstacle();
            collisionDetection();

requestAnimationFrame(gameLoop);
        }

gameLoop();
    </script>
</body>

</html>