Crazy randomness, rainbows, bouncing balls, flashing background, rainbow text saying "SO COOL", red cubes, random numbers spinning's game

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

No:37530

←

Prev Next

→

Crazy randomness, rainbows, bouncing balls, flashi..ALL
Developer User17064｜Date and time 24/1/21 5:03:12
Build time 9.33 sec｜Game capacity 2.917KB｜

Script

Sure! Here's an example of a game-like HTML file using JavaScript that incorporates some of the elements you mentioned:

SO COOL

Save the above code snippet into an HTML file, open it in a web browser (preferably on a smartphone), and you'll see bouncing balls, a flashing rainbow text saying "SO COOL," and red cubes spinning randomly on the screen.

←

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-like HTML file using JavaScript that incorporates some of the elements you mentioned:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Randomness Game</title>
    <style>
        body {
            background-color: black;
        }
        
        #game-container {
            position: relative;
            width: 100%;
            height: 100vh;
        }
        
        #ball {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            border-radius: 50%;
            background-color: #FF00FF;
            width: 50px;
            height: 50px;
            animation: bounce 1s infinite alternate;
        }
        
        @keyframes bounce {
            0% {
                transform: translate(-50%, -50%);
            }
            100% {
                transform: translate(-50%, 50%);
            }
        }

#rainbow-text {
            position: absolute;
            top: 10%;
            left: 50%;
            transform: translateX(-50%);
            font-family: "Arial", sans-serif;
            font-size: 24px;
            color: white;
            animation: rainbow 1s infinite;
        }
        
        @keyframes rainbow {
            0% {
                color: red;
            }
            14% {
                color: orange;
            }
            29% {
                color: yellow;
            }
            43% {
                color: green;
            }
            57% {
                color: blue;
            }
            71% {
                color: indigo;
            }
            86% {
                color: violet;
            }
            100% {
                color: red;
            }
        }
        
        .red-cube {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: red;
            animation: spin 1s infinite linear;
        }
        
        @keyframes spin {
            100% {
                transform: rotate(360deg);
            }
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="ball"></div>
        <div id="rainbow-text">SO COOL</div>
        <div class="red-cube" style="top: 20%; left: 30%;"></div>
        <div class="red-cube" style="top: 70%; left: 70%;"></div>
    </div>
    
    <script>
        // Animation loop
        function animate() {
            // Update game logic here (if needed)

// Request next animation frame
            requestAnimationFrame(animate);
        }

// Start the animation loop
        animate();
    </script>
</body>
</html>
```