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

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

No:37535

←

Prev Next

→

Crazy randomness, rainbows, bouncing balls, flashi..ALL
Developer User17064｜Date and time 24/1/21 5:08:09
Build time 15.368 sec｜Game capacity 5.002KB｜

Script

Sure, I can create a simple game with the elements you mentioned. Here's an example of an HTML file that incorporates JavaScript to create a game-like experience:

SO COOL

This HTML file creates a game-like experience with flashing background, rainbow text, bouncing balls, and the appearance of red cubes with a shaking effect every 2 seconds. The background color flashes between white and black, the text "SO COOL" changes its color randomly every second, the balls bounce around the screen, and red cubes appear and shake for a brief duration before they disappear.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

Sure, I can create a simple game with the elements you mentioned. Here's an example of an HTML file that incorporates JavaScript to create a game-like experience:

```html
<!DOCTYPE html>
<html>
  <head>
    <style>
      body {
        background-color: #000;
        overflow: hidden;
      }
      
      #gameCanvas {
        position: absolute;
        top: 0;
        left: 0;
      }
      
      #coolText {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 40px;
        color: #fff;
        text-shadow: 2px 2px 4px #000;
        white-space: nowrap;
      }
      
      .redCube {
        position: absolute;
        width: 50px;
        height: 50px;
        background-color: red;
        border-radius: 5px;
        pointer-events: none;
      }
      
      .specialEffect {
        animation: shake 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
      }

@keyframes shake {
        10%, 90% {
          transform: translate3d(-1px, 0, 0);
        }
        
        20%, 80% {
          transform: translate3d(2px, 0, 0);
        }
        
        30%, 50%, 70% {
          transform: translate3d(-4px, 0, 0);
        }
        
        40%, 60% {
          transform: translate3d(4px, 0, 0);
        }
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas"></canvas>
    <div id="coolText">SO COOL</div>
    
    <script>
      // Game setup
      var canvas = document.getElementById("gameCanvas");
      var ctx = canvas.getContext("2d");
      
      // Canvas size
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;
      
      // Background flashing effect
      setInterval(function() {
        if (document.body.style.backgroundColor === "black") {
          document.body.style.backgroundColor = "white";
        } else {
          document.body.style.backgroundColor = "black";
        }
      }, 500);
      
      // Rainbow text effect
      setInterval(function() {
        var red = Math.floor(Math.random() * 256);
        var green = Math.floor(Math.random() * 256);
        var blue = Math.floor(Math.random() * 256);
        
        document.getElementById("coolText").style.color = "rgb(" + red + "," + green + "," + blue + ")";
      }, 1000);
      
      // Create bouncing balls effect
      var balls = [];
      
      function Ball(x, y) {
        this.x = x;
        this.y = y;
        this.radius = Math.random() * 30 + 10;
        this.velocityX = (Math.random() - 0.5) * 10;
        this.velocityY = (Math.random() - 0.5) * 10;
        this.color = "#" + Math.floor(Math.random() * 16777215).toString(16);
        
        this.draw = function() {
          ctx.beginPath();
          ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2, false);
          ctx.fillStyle = this.color;
          ctx.fill();
          ctx.closePath();
        };
        
        this.update = function() {
          if (this.x + this.radius > canvas.width || this.x - this.radius < 0) {
            this.velocityX = -this.velocityX;
          }
          
          if (this.y + this.radius > canvas.height || this.y - this.radius < 0) {
            this.velocityY = -this.velocityY;
          }
          
          this.x += this.velocityX;
          this.y += this.velocityY;
          
          this.draw();
        };
      }
      
      function createBalls() {
        for (var i = 0; i < 10; i++) {
          var x = Math.random() * canvas.width;
          var y = Math.random() * canvas.height;
          balls.push(new Ball(x, y));
        }
      }
      
      function animateBalls() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        
        for (var i = 0; i < balls.length; i++) {
          balls[i].update();
        }
        
        requestAnimationFrame(animateBalls);
      }
      
      createBalls();
      animateBalls();
      
      // Add red cubes with special effect
      setInterval(function() {
        var cube = document.createElement("div");
        cube.classList.add("redCube");
        
        var randomX = Math.floor(Math.random() * (canvas.width - 50));
        var randomY = Math.floor(Math.random() * (canvas.height - 50));
        
        cube.style.left = randomX + "px";
        cube.style.top = randomY + "px";
        
        cube.addEventListener("animationend", function() {
          this.remove();
        });
        
        cube.classList.add("specialEffect");
        
        document.body.appendChild(cube);
      }, 2000);
    </script>
  </body>
</html>
```