This game is game where you got to jump every 5 seconds will spikes come in attack you they will go in random places like the bottom and the top there's places where you don't have to jump because when you jump the spikes will touch you and you lose there's a game over scream &title screen's game

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

No:47987

←

Prev Next

→

This game is game where you got to jump every 5 se..ALL
Developer User20677｜Date and time 24/3/1 6:36:04
Build time 8.445 sec｜Game capacity 2.03KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Jumping Challenge</title>
<style>
    canvas {
        border: 1px solid black;
    }
</style>
</head>
<body>
<canvas id="myCanvas" width="400" height="400"></canvas>
<script>
    const canvas = document.getElementById('myCanvas');
    const ctx = canvas.getContext('2d');
    
    let playerX = 50;
    let playerY = 200;
    let spikes = [];
    let isJumping = false;
    
    function drawPlayer() {
        ctx.beginPath();
        ctx.rect(playerX, playerY, 20, 20);
        ctx.fillStyle = 'blue';
        ctx.fill();
    }
    
    function drawSpikes() {
        ctx.fillStyle = 'red';
        spikes.forEach((spike) => {
            ctx.beginPath();
            ctx.moveTo(spike.x, 0);
            ctx.lineTo(spike.x, spike.y);
            ctx.lineTo(spike.x + 10, spike.y);
            ctx.lineTo(spike.x + 5, 0);
            ctx.closePath();
            ctx.fill();
        });
    }
    
    function draw() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        drawPlayer();
        drawSpikes();
        
        if (isJumping) {
            playerY -= 5;
        } else {
            playerY += 2;
        }
        
        spikes.forEach((spike) => {
            if (playerX + 20 >= spike.x && playerX <= spike.x + 10 && playerY <= spike.y) {
                alert('Game Over');
                location.reload();
            }
        });
        
        if (playerY < 0 || playerY > canvas.height - 20) {
            alert('Game Over');
            location.reload();
        }
        
        requestAnimationFrame(draw);
    }
    
    function generateRandomSpike() {
        let randomY = Math.floor(Math.random() * (canvas.height - 50));
        spikes.push({ x: canvas.width, y: randomY });
    }
    
    setInterval(generateRandomSpike, 5000);
    
    setInterval(() => {
        isJumping = true;
        
        setTimeout(() => {
            isJumping = false;
        }, 500);
    }, 5000);
    
    draw();
</script>
</body>
</html>