You play as a brown block and you have to move left and right and there's yellow blocks falling down the sky if you catch one of the yellow blocks the skull increases by 1% the game is also infinite's game

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

No:48888

←

Prev Next

→

You play as a brown block and you have to move lef..ALL
Developer User15380｜Date and time 24/3/3 6:10:34
Build time 7.742 sec｜Game capacity 1.937KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Yellow Block Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        const player = { x: 200, y: 550, width: 50, height: 50 };
        let score = 0;
        let yellowBlocks = [];

canvas.addEventListener('mousemove', (e) => {
            player.x = e.clientX - canvas.offsetLeft - player.width / 2;
        });

function drawPlayer() {
            ctx.fillStyle = 'brown';
            ctx.fillRect(player.x, player.y, player.width, player.height);
        }

function drawYellowBlocks() {
            ctx.fillStyle = 'yellow';
            yellowBlocks.forEach(block => {
                ctx.fillRect(block.x, block.y, block.width, block.height);
            });
        }

function updateYellowBlocks() {
            yellowBlocks.push({ x: Math.random() * 350, y: 0, width: 50, height: 50 });
        }

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

drawPlayer();
            drawYellowBlocks();

if (yellowBlocks.length < 5) {
                updateYellowBlocks();
            }

yellowBlocks = yellowBlocks.filter(block => {
                if (block.y < 600) {
                    block.y += 2;
                    if (block.y + block.height >= player.y && block.x >= player.x && block.x <= player.x + player.width) {
                        score += 1;
                    }
                    return true;
                }
                return false;
            });

ctx.fillStyle = 'black';
            ctx.font = '24px Arial';
            ctx.fillText('Score: ' + score, 10, 30);

requestAnimationFrame(update);
        }

update();
    </script>
</body>
</html>
```