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"'s game

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

No:37554

129

←

Prev Next

→

ball in a box but every 10 seconds, something weir..ALL
Developer User17064｜Date and time 24/1/21 5:25:11
Build time 14.461 sec｜Game capacity 4.193KB｜

Script

Sure! Here's an example of a game called "Ball in a Box" implemented as a single HTML file with JavaScript:

In this game, there will be a ball moving randomly within a box on the canvas. Every 10 seconds, something weird happens, indicated by the message "WEIRDNESS INCOMING". The weirdness can be one of four random commands: "PARTY" changes the background color creating a party effect, "more balls" spawns more balls on the canvas, "why is it raining" starts a rain effect with blue raindrops, and "rainbow ball" changes the color of the ball to a random "rainbow" color. You can save the above code as an HTML file and open it in a web browser on your smartphone to play 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 game called "Ball in a Box" implemented as a single HTML file with JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Ball in a Box</title>
</head>
<body>
  <canvas id="gameCanvas" width="400" height="400"></canvas>

// Ball properties
    let ballX = canvas.width / 2;
    let ballY = canvas.height / 2;
    const ballRadius = 10;
    let ballColor = "#0095DD";

// Game loop
    function draw() {
      // Clear the canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw the ball
      ctx.beginPath();
      ctx.arc(ballX, ballY, ballRadius, 0, Math.PI * 2);
      ctx.fillStyle = ballColor;
      ctx.fill();
      ctx.closePath();

// Call the weirdness function every 10 seconds
      if (Date.now() % 10000 < 17) {
        applyWeirdness();
      }

// Move the ball randomly within the canvas
      const dx = Math.random() - 0.5; // Random horizontal velocity
      const dy = Math.random() - 0.5; // Random vertical velocity
      ballX += dx * 2;
      ballY += dy * 2;

requestAnimationFrame(draw);
    }

// Randomly apply weirdness to the game
    function applyWeirdness() {
      const commands = ["PARTY", "more balls", "why is it raining", "rainbow ball"];
      const randomIndex = Math.floor(Math.random() * commands.length);
      const selectedCommand = commands[randomIndex];

switch (selectedCommand) {
        case "PARTY":
          setBackgroundToPartyMode();
          break;

case "more balls":
          spawnMoreBalls();
          break;

case "why is it raining":
          startRain();
          break;

case "rainbow ball":
          makeBallRainbow();
          break;
      }
    }

// Change the background color to create a party effect
    function setBackgroundToPartyMode() {
      const partyColors = ["red", "blue", "green", "yellow"];
      const randomIndex = Math.floor(Math.random() * partyColors.length);
      const selectedColor = partyColors[randomIndex];

document.body.style.backgroundColor = selectedColor;
    }

// Spawn more balls on the canvas
    function spawnMoreBalls() {
      const numBalls = Math.floor(Math.random() * 10) + 1;

for (let i = 0; i < numBalls; i++) {
        const newBallX = Math.random() * canvas.width;
        const newBallY = Math.random() * canvas.height;
        ctx.beginPath();
        ctx.arc(newBallX, newBallY, ballRadius, 0, Math.PI * 2);
        ctx.fillStyle = ballColor;
        ctx.fill();
        ctx.closePath();
      }
    }

// Make the ball "rainbow" colored
    function makeBallRainbow() {
      const rainbowColors = ["red", "orange", "yellow", "green", "blue", "indigo", "violet"];
      const randomIndex = Math.floor(Math.random() * rainbowColors.length);
      const selectedColor = rainbowColors[randomIndex];

ballColor = selectedColor;
    }

// Start raining effect on the canvas
    function startRain() {
      setInterval(spawnRaindrop, 100);
    }

// Spawn raindrops on the canvas
    function spawnRaindrop() {
      const raindropX = Math.random() * canvas.width;
      const raindropY = Math.random() * canvas.height + 10;

ctx.beginPath();
      ctx.moveTo(raindropX, raindropY);
      ctx.lineTo(raindropX, raindropY + 10);
      ctx.strokeStyle = "blue";
      ctx.stroke();
      ctx.closePath();
    }

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

You can save the above code as an HTML file and open it in a web browser on your smartphone to play the game.