Geometry dash A game about a cube jumping over spikes's game

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

No:35597

←

Prev Next

→

Geometry dash A game about a cube jumping over spi..ALL
Developer User16561｜Date and time 24/1/14 23:54:53
Build time 13.643 sec｜Game capacity 3.734KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body style="margin: 0; padding: 0;">
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    <script>
        // Get the game canvas
        var canvas = document.getElementById("gameCanvas");
        var context = canvas.getContext("2d");

// Set up the game variables
        var cubeSize = 50;
        var cubeX = canvas.width / 2 - cubeSize / 2;
        var cubeY = canvas.height / 2 - cubeSize / 2;
        var gravity = 0.5;
        var jumpForce = 10;
        var spikes = [];
        var gameSpeed = 3;
        var score = 0;
        var isGameOver = false;

// Create the spike objects
        function createSpikes() {
            for (var i = 0; i < 4; i++) {
                var spike = {
                    x: canvas.width + i * 200,
                    y: canvas.height - 100,
                    width: 50,
                    height: 100
                };
                spikes.push(spike);
            }
        }

// Handle player input
        function handleInput(event) {
            if (event.type === "touchstart" || event.keyCode === 32) {
                if (!isGameOver) {
                    cubeY -= jumpForce;
                } else {
                    resetGame();
                }
            }
        }

// Update the game state
        function update() {
            // Clear the canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw the cube
            context.fillStyle = "#ff0000";
            context.fillRect(cubeX, cubeY, cubeSize, cubeSize);

// Apply gravity
            cubeY += gravity;

// Draw the spikes
            context.fillStyle = "#000000";
            for (var i = 0; i < spikes.length; i++) {
                var spike = spikes[i];
                spike.x -= gameSpeed;
                context.fillRect(spike.x, spike.y, spike.width, spike.height);

// Check for collision with spikes
                if (cubeX < spike.x + spike.width &&
                    cubeX + cubeSize > spike.x &&
                    cubeY < spike.y + spike.height &&
                    cubeY + cubeSize > spike.y) {
                    isGameOver = true;
                }

// Increment score if spike passed successfully
                if (spike.x + spike.width < cubeX && !spike.passed) {
                    score++;
                    spike.passed = true;
                }
            }

// Draw the score
            context.fillStyle = "#ffffff";
            context.font = "24px Arial";
            context.fillText("Score: " + score, 10, 30);

// Game over
            if (isGameOver) {
                context.fillStyle = "#000000";
                context.font = "48px Arial";
                context.fillText("Game Over", canvas.width / 2 - 120, canvas.height / 2);
                context.fillText("Tap to Restart", canvas.width / 2 - 140, canvas.height / 2 + 60);
            }

// Request animation frame
            if (!isGameOver) {
                requestAnimationFrame(update);
            }
        }

// Reset the game
        function resetGame() {
            isGameOver = false;
            cubeY = canvas.height / 2 - cubeSize / 2;
            score = 0;
            spikes = [];
            createSpikes();
            update();
        }

// Start the game
        createSpikes();
        update();

// Event listeners for player input
        document.addEventListener("touchstart", handleInput, false);
        document.addEventListener("keydown", handleInput, false);
    </script>
</body>
</html>