A game where a stick man has to walk across a map with a lot of dangerous blocks and tubes's game

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

No:45905

←

Prev Next

→

A game where a stick man has to walk across a map ..ALL
Developer User19742｜Date and time 24/2/22 0:46:55
Build time 8.806 sec｜Game capacity 1.868KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Dangerous Blocks Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

let playerX = 50;
        let playerY = 350;

function drawPlayer() {
            ctx.fillStyle = "black";
            ctx.fillRect(playerX, playerY, 10, 10);
        }

function drawBlocks() {
            ctx.fillStyle = "red";
            ctx.fillRect(100, 200, 50, 50);
            ctx.fillRect(200, 150, 50, 100);
            ctx.fillRect(300, 250, 50, 50);
        }

function checkCollision() {
            if ((playerX >= 100 && playerX <= 150 && playerY >= 200 && playerY <= 250) ||
                (playerX >= 200 && playerX <= 250 && playerY >= 150 && playerY <= 250) ||
                (playerX >= 300 && playerX <= 350 && playerY >= 250 && playerY <= 300)) {
                alert("Game Over! You hit a dangerous block.");
                window.location.reload();
            }
        }

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

function updateGameArea() {
            clearCanvas();
            drawPlayer();
            drawBlocks();
            checkCollision();
        }

updateGameArea();
        });

updateGameArea();
    </script>
</body>
</html>