ball in a box but every 10 seconds, something weird happens. After 10 seconds it will say "WEIRDNESS INCOMING" and then there's 4 random commands that will applie to the ball or the background that say "PARTY" "more balls" "why is it raining" "rainbow ball" and after another 10 seconds it stops.'s game

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

No:37555

←

Prev Next

→

ball in a box but every 10 seconds, something weir..ALL
Developer User17064｜Date and time 24/1/21 5:26:28
Build time 9.604 sec｜Game capacity 3.201KB｜

Script

Sure! Here's an example of a simple game called "Ball in a Box" that meets your requirements:

This HTML file represents a game where you have a ball inside a box. Every 10 seconds, something strange happens, and one of the four random commands is executed. These commands modify either the background of the box, add more balls, change the ball to a rainbow color, or trigger a party mode. After another 10 seconds, the game resets. Please note that you need to replace the "emozi_rabbit.png" and "emozi_apple.png" in the code with the actual paths to the images you want to use for the "PARTY" and "why is it raining" commands, respectively. Feel free to modify and enhance the code according to your needs and preferences. Have fun playing the game!

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

Sure! Here's an example of a simple game called "Ball in a Box" that meets your requirements:

```html
<!DOCTYPE html>
<html>
  <head>
    <style>
      #box {
        width: 200px;
        height: 200px;
        border: 2px solid black;
        position: relative;
        overflow: hidden;
      }
      #ball {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: red;
        position: absolute;
        top: 90px;
        left: 90px;
        transition: all 0.5s ease-in-out;
      }
    </style>
  </head>
  <body>
    <div id="box">
      <div id="ball"></div>
    </div>

function applyCommand(command) {
        switch (command) {
          case "PARTY":
            box.style.background = "url('path/to/party-image.png')";
            break;
          case "more balls":
            var newBall = document.createElement("div");
            newBall.className = "ball";
            box.appendChild(newBall);
            break;
          case "why is it raining":
            box.style.background = "url('path/to/rain-image.png')";
            break;
          case "rainbow ball":
            ball.style.backgroundColor = getRandomColor();
            break;
        }
      }

function getRandomCommand() {
        return commands[Math.floor(Math.random() * commands.length)];
      }

function getRandomColor() {
        var letters = "0123456789ABCDEF";
        var color = "#";
        for (var i = 0; i < 6; i++) {
          color += letters[Math.floor(Math.random() * 16)];
        }
        return color;
      }

function resetGame() {
        box.style.background = "none";
        var balls = document.getElementsByClassName("ball");
        while (balls.length > 0) {
          balls[0].parentNode.removeChild(balls[0]);
        }
        ball.style.backgroundColor = "red";
        startWeirdnessTimer();
      }

// Start the game
      startWeirdnessTimer();
    </script>
  </body>
</html>
```

Please note that you need to replace the "path/to/party-image.png" and "path/to/rain-image.png" in the code with the actual paths to the images you want to use for the "PARTY" and "why is it raining" commands, respectively.

Feel free to modify and enhance the code according to your needs and preferences. Have fun playing the game!