Skibidi toilet: destroy toilets base (FIREBALL DESTRUCTION)'s game

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

No:52220

107

←

Prev Next

→

Skibidi toilet: destroy toilets base (FIREBALL DES..ALL
Developer Winnerweiner2113｜Date and time 24/3/19 4:10:52
Build time 7.113 sec｜Game capacity 1.951KB｜

Script

←

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</title>
</head>
<body>
    <canvas id="gameCanvas" width="500" height="500"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

const toilet = {
            x: 200,
            y: 200,
            width: 50,
            height: 50
        };

const fireball = {
            x: 0,
            y: 0,
            speedX: 2,
            speedY: 2,
            radius: 10
        };

function drawToilet() {
            ctx.fillStyle = '#bada55'; // green color
            ctx.fillRect(toilet.x, toilet.y, toilet.width, toilet.height);
        }

function drawFireball() {
            ctx.beginPath();
            ctx.arc(fireball.x, fireball.y, fireball.radius, 0, Math.PI * 2, false);
            ctx.fillStyle = 'red';
            ctx.fill();
            ctx.closePath();
        }

function moveFireball() {
            fireball.x += fireball.speedX;
            fireball.y += fireball.speedY;
        }

function checkCollision() {
            if (fireball.x > toilet.x && fireball.x < toilet.x + toilet.width &&
                fireball.y > toilet.y && fireball.y < toilet.y + toilet.height) {
                alert('Toilet destroyed! You won!');
                fireball.x = 0;
                fireball.y = 0;
            }
        }

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

drawToilet();
            drawFireball();
            moveFireball();
            checkCollision();
        }

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

canvas.addEventListener('click', (event) => {
            fireball.x = event.clientX;
            fireball.y = event.clientY;
        });

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