skibidi toilet Chase's game

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

No:10670

147

←

Prev Next

→

skibidi toilet Chase
Developer User4593｜Date and time 23/8/1 17:50:24
Build time 27.415 sec｜Game capacity 2.997KB｜

Script

Sure! Here's a simple game called "Skibidi Toilet Chase" implemented as a single HTML file using JavaScript. The game involves a character chasing after a toilet pictogram. You can play it on a smartphone. Let's get started:

Use your finger to move the character and catch the toilet!

To play the game: 1. Create a new HTML file. 2. Copy and paste the code above into the HTML file. 3. Save the file with a ".html" extension. 4. Open the HTML file on a smartphone using a web browser. 5. Use your finger to move the blue character and try to "catch" the green toilet. 6. Each time you catch the toilet, the score will increase. Note: This is a basic implementation for demonstration purposes. You can further enhance the game by adding levels, timers, and more interactive features if desired.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Skibidi Toilet Chase</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script type="text/javascript">
        // Game Variables
        var canvas = document.getElementById("gameCanvas");
        var ctx = canvas.getContext("2d");
        var character = { x: 200, y: 200, size: 50, color: "blue" };
        var toilet = { x: Math.random() * 350, y: Math.random() * 350, size: 50, color: "green" };
        var score = 0;

// Game Functions
        function drawCharacter() {
            ctx.fillStyle = character.color;
            ctx.fillRect(character.x, character.y, character.size, character.size);
        }

function drawToilet() {
            ctx.fillStyle = toilet.color;
            ctx.fillRect(toilet.x, toilet.y, toilet.size, toilet.size);
        }

function updateScore() {
            ctx.fillStyle = "black";
            ctx.font = "20px Arial";
            ctx.fillText("Score: " + score, 20, 40);
        }

function checkCollision() {
            if (
                character.x < toilet.x + toilet.size &&
                character.x + character.size > toilet.x &&
                character.y < toilet.y + toilet.size &&
                character.y + character.size > toilet.y
            ) {
                toilet.x = Math.random() * 350;
                toilet.y = Math.random() * 350;
                score++;
            }
        }

function updateGameArea() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawCharacter();
            drawToilet();
            updateScore();
            checkCollision();
        }

function moveCharacter(event) {
            var rect = canvas.getBoundingClientRect();
            character.x = event.touches[0].clientX - rect.left - (character.size / 2);
            character.y = event.touches[0].clientY - rect.top - (character.size / 2);
        }

// Game Initialization
        canvas.addEventListener("touchmove", moveCharacter, false);

setInterval(updateGameArea, 20); // Start game processing
    </script>
    
    <p>Use your finger to move the character and catch the toilet!</p>
</body>
</html>
```

Note: This is a basic implementation for demonstration purposes. You can further enhance the game by adding levels, timers, and more interactive features if desired.