The Most Hard Game Ever(Blue Square Três To Reach The Top, But Colorfull Square,The Most Fastest Try Tô Stop Him,How You Play:The Blue Square Is Floating,But You Need To Click Left And Right)'s game

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

No:23522

←

Prev Next

→

The Most Hard Game Ever(Blue Square Três To Reach ..ALL
Developer User10967｜Date and time 23/11/1 6:12:46
Build time 50.002 sec｜Game capacity 2.005KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
  <head>
    <title>O Jogo Mais Difícil de Sempre</title>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    <script>
      const canvas = document.getElementById("gameCanvas");
      const ctx = canvas.getContext("2d");

const blueSquare = {
        x: 180,
        y: 550,
        width: 40,
        height: 40,
        speed: 1,
        direction: 1,
      };

const colorfulSquare = {
        x: 20,
        y: 20,
        width: 40,
        height: 40,
        speed: 2,
        direction: 1,
      };

function updateGame() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

drawSquare(blueSquare.x, blueSquare.y, blueSquare.width, blueSquare.height, "blue");
        drawSquare(
          colorfulSquare.x,
          colorfulSquare.y,
          colorfulSquare.width,
          colorfulSquare.height,
          getRandomColor()
        );

blueSquare.x += blueSquare.speed * blueSquare.direction;
        colorfulSquare.x += colorfulSquare.speed * colorfulSquare.direction;

if (blueSquare.x <= 0 || blueSquare.x + blueSquare.width >= canvas.width)
          blueSquare.direction *= -1;

if (colorfulSquare.x <= 0 || colorfulSquare.x + colorfulSquare.width >= canvas.width)
          colorfulSquare.direction *= -1;

requestAnimationFrame(updateGame);
      }

function drawSquare(x, y, width, height, color) {
        ctx.fillStyle = color;
        ctx.fillRect(x, y, width, height);
      }

function getRandomColor() {
        const colors = ["red", "green", "yellow", "orange", "purple", "pink"];
        return colors[Math.floor(Math.random() * colors.length)];
      }

updateGame();
    </script>
  </body>
</html>