Crazy randomness, rainbows, bouncing balls, flashing background, rainbow text saying "SO COOL", red cubes, random numbers, SUPER DUPER COOL, effects, shaking, "LOL" spinning, weird whirl, EXTRA WEIRD, WOW, emojis popping up, cursed, EVERYWHERE, RANDOMNESSS 1000%.'s game

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

No:37538

←

Prev Next

→

Crazy randomness, rainbows, bouncing balls, flashi..ALL
Developer User17064｜Date and time 24/1/21 5:11:19
Build time 14.466 sec｜Game capacity 4.61KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
  <head>
    <style>
      body {
        background-image: linear-gradient(to bottom, #ff00ff, #0000ff, #00ffff);
        background-size: cover;
        background-repeat: no-repeat;
        animation: flashing 2s infinite;
        overflow: hidden;
      }

@keyframes flashing {
        0% {
          background-color: #ff00ff;
        }
        50% {
          background-color: #00ffff;
        }
        100% {
          background-color: #ff00ff;
        }
      }

#gameContainer {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
      }

#textContainer {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: Arial, sans-serif;
        font-size: 24px;
        color: #ffffff;
        animation: shake 0.5s infinite;
      }

#redCube {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: red;
        width: 100px;
        height: 100px;
        animation: rotate 2s infinite;
      }

@keyframes rotate {
        0% {
          transform: translate(-50%, -50%) rotate(0deg);
        }
        100% {
          transform: translate(-50%, -50%) rotate(360deg);
        }
      }

@keyframes shake {
        0% {
          transform: translateX(-5px);
        }
        50% {
          transform: translateX(5px);
        }
        100% {
          transform: translateX(-5px);
        }
      }
    </style>
    <title>Randomness Game</title>
    <script>
      function startGame() {
        createRainbows();
        createText();
        createCubes();
        createEffects();
        createEmojis();
      }

function createRainbows() {
        const container = document.getElementById("gameContainer");
        
        for (let i = 0; i < 20; i++) {
          const rainbow = document.createElement("div");
          rainbow.classList.add("rainbow");
          rainbow.style.top = Math.floor(Math.random() * 100) + "%";
          rainbow.style.left = Math.floor(Math.random() * 100) + "%";
          container.appendChild(rainbow);
        }
      }

function createText() {
        const container = document.getElementById("textContainer");
        const text = document.createElement("span");
        text.innerText = "SO COOL";
        text.classList.add("rainbowText");
        container.appendChild(text);
      }

function createCubes() {
        const container = document.getElementById("gameContainer");
        
        for (let i = 0; i < 10; i++) {
          const cube = document.createElement("div");
          cube.classList.add("redCube");
          cube.style.top = Math.floor(Math.random() * 90) + "%";
          cube.style.left = Math.floor(Math.random() * 90) + "%";
          container.appendChild(cube);
        }
      }

function createEffects() {
        const container = document.getElementById("gameContainer");
        const lol = document.createElement("div");
        lol.classList.add("lol");
        container.appendChild(lol);
        
        const whirl = document.createElement("div");
        whirl.classList.add("whirl");
        container.appendChild(whirl);
        
        const extraWeird = document.createElement("div");
        extraWeird.classList.add("extraWeird");
        container.appendChild(extraWeird);
        
        const wow = document.createElement("div");
        wow.classList.add("wow");
        container.appendChild(wow);
      }