Geometry dash game where you tap the screen to jump and come back down. Watch out for spikes and jump over them or else you explode and die. If you jump over 10 spikes you win's game

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

No:43291

←

Prev Next

→

Geometry dash game where you tap the screen to jum..ALL
Developer User19162｜Date and time 24/2/15 5:33:40
Build time 13.428 sec｜Game capacity 4.716KB｜

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 {
            background-color: #000;
            margin: 0;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }
        
        canvas {
            border: 1px solid #fff;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    <script>
        document.addEventListener("DOMContentLoaded", function () {
            const canvas = document.getElementById("gameCanvas");
            const context = canvas.getContext("2d");

const groundHeight = 60;
            const spikesWidth = 100;
            const spikesHeight = 20;
            const playerWidth = 40;
            const playerHeight = 40;
            const gravity = 0.5;
            const jumpForce = 10;

let playerX = 50;
            let playerY = (canvas.height - groundHeight) / 2 - playerHeight / 2;
            let playerVelocity = 0;
            let spikeX = canvas.width;
            let spikeY;
            let spikeGap = 150;
            let spikePassedCount = 0;
            let gameStarted = false;
            let gameEnded = false;

function drawPlayer() {
                context.fillStyle = "#fff";
                context.fillRect(playerX, playerY, playerWidth, playerHeight);
            }

function drawSpike() {
                context.fillStyle = "#f00";
                context.fillRect(spikeX, spikeY, spikesWidth, spikesHeight);
                context.fillRect(spikeX, spikeY + spikesHeight + spikeGap, spikesWidth, spikesHeight);
            }

function drawGround() {
                context.fillStyle = "#0f0";
                context.fillRect(0, canvas.height - groundHeight, canvas.width, groundHeight);
            }

function drawScore() {
                context.fillStyle = "#fff";
                context.font = "24px Arial";
                context.fillText("Score: " + spikePassedCount, 10, 30);
            }

function update() {
                context.clearRect(0, 0, canvas.width, canvas.height);

if (!gameEnded) {
                    playerVelocity += gravity;
                    playerY += playerVelocity;

if (playerY + playerHeight >= canvas.height - groundHeight) {
                        playerY = canvas.height - groundHeight - playerHeight;
                        playerVelocity = 0;
                    }

spikeX -= 5;

if (spikeX + spikesWidth < 0) {
                        spikeX = canvas.width;
                        spikeY = Math.random() * (canvas.height - groundHeight - spikeGap);
                        spikePassedCount++;

if (spikePassedCount >= 10) {
                            gameEnded = true;
                            alert("Congratulations! You won!");
                            restartGame();
                        }
                    }

if (
                        (playerX < spikeX + spikesWidth) &&
                        (playerX + playerWidth > spikeX) &&
                        ((playerY < spikeY + spikesHeight) || (playerY + playerHeight > spikeY + spikesHeight + spikeGap))
                    ) {
                        gameEnded = true;
                        alert("Game Over! You hit a spike.");
                        restartGame();
                    }

drawPlayer();
                    drawSpike();
                    drawGround();
                    drawScore();
                }

if (gameStarted) {
                    requestAnimationFrame(update);
                }
            }

function restartGame() {
                playerX = 50;
                playerY = (canvas.height - groundHeight) / 2 - playerHeight / 2;
                playerVelocity = 0;
                spikeX = canvas.width;
                spikeY = Math.random() * (canvas.height - groundHeight - spikeGap);
                spikePassedCount = 0;
                gameStarted = false;

document.addEventListener("keydown", function (event) {
                    if (event.code === "Space") {
                        gameStarted = true;
                        update();
                    }
                });

document.addEventListener("touchstart", function () {
                    gameStarted = true;
                    update();
                });
            }

restartGame();
        });
    </script>
</body>
</html>