Skibidi catch: catch toilets's game

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

No:45139

←

Prev Next

→

Skibidi catch: catch toilets
Developer WinnerWiener1332｜Date and time 24/2/20 7:27:08
Build time 9.338 sec｜Game capacity 3.027KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Skibidi Catch Game</title>
</head>

// Define variables
        let score = 0;
        let toiletsCaught = 0;
        const toiletImg = new Image();
        toiletImg.src = 'toilet.png';

// Define player object
        const player = {
            x: 200,
            y: 500,
            width: 50,
            height: 50
        }

// Define toilet object
        const toilet = {
            x: Math.random() * 350,
            y: 0,
            width: 50,
            height: 50
        }

// Update game state
        function update() {
            // Move the toilet down
            toilet.y += 2;

// Check if toilet is caught
            if (toilet.y + toilet.height >= player.y &&
                toilet.y <= player.y + player.height &&
                toilet.x + toilet.width >= player.x &&
                toilet.x <= player.x + player.width) {
                toiletsCaught++;
                score += 10;
                toilet.y = 0;
                toilet.x = Math.random() * 350;
            }

// Check game over condition
            if (toilet.y >= 600) {
                alert('Game Over! The toilet got to your base Score: ' + score);
                window.location.reload();
            }
        }

function draw() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.fillStyle = 'blue';
            ctx.fillRect(player.x, player.y, player.width, player.height);

// Draw toilet
            ctx.drawImage(toiletImg, toilet.x, toilet.y, toilet.width, toilet.height);

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

// Display toilets caught
            ctx.fillStyle = 'black';
            ctx.font = '20px Arial';
            ctx.fillText('Toilets Caught: ' + toiletsCaught, 10, 60);
        }

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

// Add event listener for player movement
        document.addEventListener('keydown', function (event) {
            if (event.key === 'ArrowLeft' && player.x > 0) {
                player.x -= 10;
            } else if (event.key === 'ArrowRight' && player.x < 350) {
                player.x += 10;
            }
        });

// Start the game loop
        gameLoop();
    </script>
</body>

</html>