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

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

No:37534

←

Prev Next

→

Crazy randomness, rainbows, bouncing balls, flashi..ALL
Developer User17064｜Date and time 24/1/21 5:07:05
Build time 13.72 sec｜Game capacity 4.191KB｜

Script

Sure, here's an example of a simple game that incorporates some of the elements you described:

SO COOL!

This game will create a canvas element that fills the entire screen and show bouncing balls with random colors, a rotating red cube, and a text saying "SO COOL" in rainbow colors. The background will also appear as a flashing rainbow effect. When the device is shaken, there will be a shaking effect applied to the entire 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 simple game that incorporates some of the elements you described:

```html
<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      margin: 0;
      padding: 0;
    }
    
    canvas {
      display: block;
    }
    
    #game {
      position: absolute;
      top: 0;
      left: 0;
    }
    
    #cool-text {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 40px;
      color: white;
      text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    }
  </style>
</head>
<body>
  <canvas id="game"></canvas>
  <div id="cool-text">SO COOL!</div>

// Creates a bouncing ball
    class Ball {
      constructor(x, y, radius, color) {
        this.x = x;
        this.y = y;
        this.dx = (Math.random() - 0.5) * 10;
        this.dy = (Math.random() - 0.5) * 10;
        this.radius = radius;
        this.color = color;
      }
      
      draw(ctx) {
        ctx.beginPath();
        ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2, false);
        ctx.fillStyle = this.color;
        ctx.fill();
        ctx.closePath();
      }
      
      update(canvas) {
        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;
        }
        
        this.x += this.dx;
        this.y += this.dy;
      }
    }

// Creates a spinning cube
    class Cube {
      constructor(x, y, side) {
        this.x = x;
        this.y = y;
        this.rotation = 0;
        this.side = side;
      }
      
      draw(ctx) {
        ctx.save();
        ctx.translate(this.x, this.y);
        ctx.rotate(this.rotation);
        ctx.fillStyle = 'red';
        ctx.fillRect(-this.side/2, -this.side/2, this.side, this.side);
        ctx.restore();
      }
      
      update() {
        this.rotation += 0.1;
      }
    }

// Main game loop
    function gameLoop() {
      requestAnimationFrame(gameLoop);
      
      // Clear canvas
      ctx.clearRect(0, 0, canvas.width, canvas.height);
      
      // Update and draw balls
      balls.forEach(ball => {
        ball.update(canvas);
        ball.draw(ctx);
      });
      
      // Update and draw cube
      cube.update();
      cube.draw(ctx);

// Shake effect
      if (isShaking) {
        document.body.style.transform = 'translate(' + (Math.random() * 10 - 5) + 'px, ' + (Math.random() * 10 - 5) + 'px)';
      } else {
        document.body.style.transform = '';
      }
    }

const canvas = document.getElementById('game');
    const ctx = canvas.getContext('2d');

// Set canvas dimensions to match screen size
    canvas.width = window.innerWidth;
    canvas.height = window.innerHeight;

// Create balls and cube
    const balls = [];
    for (let i = 0; i < 10; i++) {
      const x = Math.random() * canvas.width;
      const y = Math.random() * canvas.height;
      const radius = Math.random() * 50 + 10;
      const color = randomColor();
      balls.push(new Ball(x, y, radius, color));
    }

const cube = new Cube(canvas.width/2, canvas.height/2, 100);

// Handle device shake event
    let isShaking = false;
    window.addEventListener('devicemotion', (event) => {
      if (event.acceleration.x > 2 || event.acceleration.y > 2 || event.acceleration.z > 2) {
        isShaking = true;
      } else {
        isShaking = false;
      }
    });

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