A geometry dash port where you take control of a yellow square and you are moving infinitely across the screen while the camera follows you, there are spikes you need to avoid that are placed in the level and if you touch one of the spikes you have to restart the game. If you get to the end you win! Tap on the screen yo jump and then go back down. Teal background and purple spikes's game

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

No:48058

←

Prev Next

→

A geometry dash port where you take control of a y..ALL
Developer User19162｜Date and time 24/3/1 8:04:21
Build time 10.338 sec｜Game capacity 2.658KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

```html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Geometry Dash</title>
    <style>
        body {
            margin: 0;
            padding: 0;
        }

canvas {
            background-color: teal;
        }
    </style>
</head>

<body>
    <canvas id="gameCanvas"></canvas>
    <script>
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");

const SQUARE_SIZE = 30;
        const GRAVITY = 0.5;
        const JUMP_FORCE = -200;

let square = { x: 50, y: canvas.height - SQUARE_SIZE, velocityY: 0, jumping: false };
        let spikes = [{ x: canvas.width, y: canvas.height - 20 }];

function drawSquare() {
            ctx.fillStyle = "yellow";
            ctx.fillRect(square.x, square.y, SQUARE_SIZE, SQUARE_SIZE);
        }

function drawSpikes() {
            ctx.fillStyle = "purple";
            spikes.forEach((spike) => {
                ctx.fillRect(spike.x, spike.y, 20, 100);
            });
        }

function update() {
            square.y += square.velocityY;
            square.velocityY += GRAVITY;

if (square.y >= canvas.height - SQUARE_
                square.y = canvas.height - SQUARE_SIZE;
                square.velocityY = 0;
                square.jumping = false;
            }

spikes.forEach((spike) => {
                spike.x--;

if (spike.x + 20 < 0) {
                    spike.x = canvas.width;
                }

if (square.x < spike.x + 20 && square.x + SQUARE_SIZE > spike.x && square.y < canvas.height - 100) {
                    gameOver();
                }
            });
        }

function jump() {
            if (!square.jumping) {
                square.velocityY = JUMP_FORCE;
                square.jumping = true;
            }
        }

function gameOver() {
            square = { x: 50, y: canvas.height - SQUARE_SIZE, velocityY: 0, jumping: false };
            spikes = [{ x: canvas.width, y: canvas.height - 100 }];
        }

function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawSquare();
            drawSpikes();
        }

function gameLoop() {
            update();
            draw();
            requestAnimationFrame(gameLoop);
        }

canvas.addEventListener("click", jump);

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

</html>
```