Bouncing balls in a box but every 10 seconds, something weird happens. After 10 seconds it will say "WEIRDNESS INCOMING"'s game

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

No:37552

←

Prev Next

→

Bouncing balls in a box but every 10 seconds, some..ALL
Developer User17064｜Date and time 24/1/21 5:21:36
Build time 8.942 sec｜Game capacity 3.141KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <style>
        #box {
            width: 400px;
            height: 400px;
            border: 1px solid black;
            position: relative;
        }

.ball {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            position: absolute;
        }
    </style>
</head>
<body>
    <div id="box"></div>

move() {
                const ballElement = document.getElementById(this.id);
                const boxElement = document.getElementById("box");

this.x += this.dx * 2;
                this.y += this.dy * 2;

if (this.x < 0 || this.x > boxElement.offsetWidth - ballElement.offsetWidth) {
                    this.dx *= -1;
                }

if (this.y < 0 || this.y > boxElement.offsetHeight - ballElement.offsetHeight) {
                    this.dy *= -1;
                }

ballElement.style.left = `${this.x}px`;
                ballElement.style.top = `${this.y}px`;
            }
        }

// Function to create new balls
        function createBall() {
            const ballId = `ball${ballCount}`;
            const ballElement = document.createElement("div");
            ballElement.className = "ball";
            ballElement.id = ballId;
            document.getElementById("box").appendChild(ballElement);
            balls.push(new Ball(ballId));
            ballCount++;
        }

// Function to remove all balls from the box
        function removeAllBalls() {
            const boxElement = document.getElementById("box");
            while (boxElement.firstChild) {
                boxElement.removeChild(boxElement.firstChild);
            }
        }

// Function to handle weirdness event
        function handleWeirdness() {
            clearInterval(ballInterval);
            removeAllBalls();
            // Display weirdness message
            alert("WEIRDNESS INCOMING");
            // Restart ball movement after 5 seconds
            setTimeout(() => {
                startBalls();
            }, 5000);
        }

// Function to start the movement of balls
        function startBalls() {
            ballInterval = setInterval(() => {
                balls.forEach(ball => ball.move());
            }, 10);
        }

// Array to store the balls
        const balls = [];
        let ballCount = 0;
        let ballInterval;

// Create initial set of balls
        for (let i = 0; i < 10; i++) {
            createBall();
        }

// Start ball movement
        startBalls();

// Schedule weirdness event every 10 seconds
        setInterval(() => {
            handleWeirdness();
        }, 10000);
    </script>
</body>
</html>