ball that keeps moving 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:37558

←

Prev Next

→

ball that keeps moving in a box but every 10 secon..ALL
Developer User17064｜Date and time 24/1/21 5:30:04
Build time 12.518 sec｜Game capacity 3.881KB｜

Script

Sure! Here's an example of a simple game implemented as a single HTML file, using JavaScript. The game consists of a ball that keeps moving within a box, and every 10 seconds, something weird happens.

In this game, the ball starts moving within the game area. After 10 seconds, it triggers the `triggerWeirdness()` function which selects a random command like "PARTY", "more balls", "why is it raining", or "rainbow ball". The command is then applied to the game elements like changing the background color, creating more balls, making it rain, or making the ball rainbow-colored. After another 10 seconds, the game resets and the ball continues its movement until the next weirdness event. You can play this game on a smartphone by opening the HTML file in a mobile browser. The ball will keep moving, and the weirdness events will occur periodically.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```html
<!DOCTYPE html>
<html>
  <head>
    <style>
      #gameArea {
        width: 300px;
        height: 300px;
        border: 1px solid black;
        position: relative;
      }
      #ball {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: red;
        position: absolute;
      }
    </style>
  </head>
  <body>
    <div id="gameArea">
      <div id="ball"></div>
    </div>

var intervalId = setInterval(moveBall, 100);

function moveBall() {
        var currentTop = parseInt(ball.style.top) || 0;
        var currentLeft = parseInt(ball.style.left) || 0;

var newTop = currentTop + 5;
        var newLeft = currentLeft + 5;

ball.style.top = newTop + 'px';
        ball.style.left = newLeft + 'px';

if (newTop >= gameArea.clientHeight - ball.clientHeight) {
          clearInterval(intervalId);
        }
      }

function applyCommand() {
        var randomIndex = Math.floor(Math.random() * commands.length);
        var command = commands[randomIndex];

switch (command) {
          case "PARTY":
            gameArea.style.backgroundColor = getRandomColor();
            break;
          case "more balls":
            createMultipleBalls();
            break;
          case "why is it raining":
            startRaining();
            break;
          case "rainbow ball":
            makeBallRainbow();
            break;
        }
      }

function createMultipleBalls() {
        for (var i = 0; i < 4; i++) {
          var newBall = document.createElement('div');
          newBall.className = 'extra-ball';
          newBall.style.top = randomPosition() + 'px';
          newBall.style.left = randomPosition() + 'px';
          gameArea.appendChild(newBall);
        }
      }

function randomPosition() {
        return Math.random() * (gameArea.clientHeight - ball.clientHeight);
      }

function startRaining() {
        gameArea.classList.add('rain');
      }

function makeBallRainbow() {
        ball.style.backgroundColor = getRandomColor();
      }

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

function triggerWeirdness() {
        clearInterval(intervalId);
        applyCommand();
        setTimeout(startGame, 10000);
      }

function startGame() {
        gameArea.innerHTML = '<div id="ball"></div>';
        clearInterval(intervalId);
        intervalId = setInterval(moveBall, 100);
        setTimeout(triggerWeirdness, 10000);
      }

setTimeout(triggerWeirdness, 10000);
    </script>
  </body>
</html>
```

After another 10 seconds, the game resets and the ball continues its movement until the next weirdness event. You can play this game on a smartphone by opening the HTML file in a mobile browser. The ball will keep moving, and the weirdness events will occur periodically.