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

No:37529

Crazy randomness, rainbows, bouncing balls, flashi..ALL
Developer User17064｜Date and time 24/1/21 5:01:22
Build time 10.554 sec｜Game capacity 2.878KB｜

Script

Sure! Here's an example of a simple game implemented in a single HTML file using JavaScript. The game involves bouncing balls, flashing background, rainbow text, and red cubes. Please note that this is just a basic example and can be expanded upon as per your requirements:

Welcome to My Crazy Game!

SO COOL

This is just a simple example of a game with bouncing balls and red cubes, along with a flashing background and rainbow text saying "SO COOL". You can further customize and expand the game according to your preferences and desired gameplay mechanics.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>My Crazy Game</title>
  <style>
    body {
      background: #000;
      color: white;
      font-family: Arial, sans-serif;
      text-align: center;
    }
    
    #gameContainer {
      position: relative;
      width: 100%;
      height: 400px;
      margin-top: 50px;
    }

.ball {
      position: absolute;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: radial-gradient(circle, #ff0000, #ffff00, #00ff00, #00ffff, #0000ff, #ff00ff);
      animation: ballAnimation 5s infinite linear;
    }

@keyframes ballAnimation {
      0% { top: 0px; }
      50% { top: 350px; }
      100% { top: 0px; }
    }
    
    #coolText {
      font-size: 30px;
      animation: coolTextAnimation 2s infinite;
    }

@keyframes coolTextAnimation {
      0% { color: red; }
      14% { color: orange; }
      28% { color: yellow; }
      42% { color: green; }
      57% { color: blue; }
      71% { color: indigo; }
      85% { color: violet; }
      100% { color: red; }
    }
    
    .redCube {
      width: 50px;
      height: 50px;
      background: red;
    }
  </style>
</head>
<body>
  <h1>Welcome to My Crazy Game!</h1>
  <div id="gameContainer"></div>
  <p id="coolText">SO COOL</p>
  
  <script>
    function createBouncingBall() {
      const ball = document.createElement("div");
      ball.className = "ball";
      ball.style.left = Math.random() * 90 + "%";
      document.getElementById("gameContainer").appendChild(ball);
    }

function createRedCube() {
      const cube = document.createElement("div");
      cube.className = "redCube";
      cube.style.left = Math.random() * 90 + "%";
      cube.style.top = Math.random() * 300 + "px";
      document.getElementById("gameContainer").appendChild(cube);
    }

function flashBackground() {
      setInterval(function () {
        document.body.style.backgroundColor = getRandomColor();
      }, 200);
    }

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

// Start the game
    flashBackground();
    setInterval(createBouncingBall, 1000);
    setInterval(createRedCube, 3000);
  </script>
</body>
</html>
```