This game is game where you have to jump every 5 seconds because spikes come press the up arrow to jump jump every time you see spikes at a timer so when the timer runs out and you don't lose you win and if you touch the spikes you lose's game

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

No:47986

←

Prev Next

→

This game is game where you have to jump every 5 s..ALL
Developer User20677｜Date and time 24/3/1 6:32:20
Build time 7.786 sec｜Game capacity 2.146KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Jumping Game</title>
</head>
<body>

let player = { x: 50, y: 150, size: 30, timer: 0 };
        let spikes = [];

function drawPlayer() {
            ctx.fillStyle = "blue";
            ctx.fillRect(player.x, player.y, player.size, player.size);
        }

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

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

drawPlayer();
            drawSpikes();

player.timer++;
            if (player.timer >= 5) {
                player.y -= 50;
                player.timer = 0;
            }

spikes.forEach(spike => {
                if (player.x < spike.x + spike.size &&
                    player.x + player.size > spike.x &&
                    player.y < spike.y + spike.size &&
                    player.y + player.size > spike.y) {
                    alert("Game Over! You touched the spikes");
                    document.location.reload();
                }
            });

if (player.y <= 0) {
                alert("Congratulations! You avoided the spikes!");
                document.location.reload();
            }

requestAnimationFrame(updateGame);
        }

document.addEventListener("keydown", function(event) {
            if (event.key === "ArrowUp") {
                player.y -= 50;
            }
        });

function generateSpikes() {
            const spike = { x: canvas.width - 50, y: 150, size: 30 };
            spikes.push(spike);

setInterval(() => {
                spikes.push({ x: canvas.width - 50, y: 150, size: 30 });
            }, 3000);
        }

generateSpikes();
        updateGame();
    </script>

</body>
</html>