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

No:37527

Crazy randomness, rainbows, bouncing balls, flashi..ALL
Developer User17064｜Date and time 24/1/21 4:59:23
Build time 8.209 sec｜Game capacity 2.563KB｜

Script

Sure! Here's an example implementation of the game you described:

SO COOL

When you open the HTML file in a web browser, you'll see a bouncing ball on a black background. The text "SO COOL" will be displayed in rainbow colors. The ball will bounce off the edges of the canvas.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example implementation of the game you described:

```html
<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            background-color: black;
            overflow: hidden;
        }

#gameCanvas {
            position: absolute;
            top: 0;
            left: 0;
        }

#rainbowText {
            font-size: 50px;
            font-family: 'Arial', sans-serif;
            color: white;
            text-transform: uppercase;
            text-align: center;
            animation: rainbow 2s linear infinite;
        }

@keyframes rainbow {
            0% { color: red; }
            16% { color: orange; }
            33% { color: yellow; }
            50% { color: green; }
            66% { color: blue; }
            83% { color: indigo; }
            100% { color: violet; }
        }
        
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <h1 id="rainbowText">SO COOL</h1>

// Ball object
        const ball = {
            x: canvas.width / 2,
            y: canvas.height / 2,
            radius: 20,
            dx: 2,
            dy: -2,
            color: "#FFFFFF",
            draw: function() {
                context.beginPath();
                context.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
                context.fillStyle = this.color;
                context.fill();
                context.closePath();
            },
            update: function() {
                this.x += this.dx;
                this.y += this.dy;

if (this.x + this.radius > canvas.width || this.x - this.radius < 0) {
                    this.dx = -this.dx;
                }

if (this.y + this.radius > canvas.height || this.y - this.radius < 0) {
                    this.dy = -this.dy;
                }
            }
        };

// Game loop function
        function gameLoop() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            ball.draw();
            ball.update();
            requestAnimationFrame(gameLoop);
        }

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