​

function setup() {

  createCanvas(500, 400);

  textAlign(CENTER, CENTER);

  textSize(18);

​

  for (let i = 0; i < 2; i++) {

    let square = {

      x: random(0, width - 100),

      y: random(0, height - 100),

      size: 100,

      xSpeed: 2,

      ySpeed: 2,

      r: random(55, 200),

      g: random(127, 255),

      b: random(127, 255),

    };

    squares.push(square);

  }

}

​

function draw() {

  background(220);

​

  for (let i = 0; i < squares.length; i++) {

    let square = squares[i];

​

    noStroke();

    fill(square.r, square.g, square.b);

    rect(square.x, square.y, square.size, square.size);

​

    fill(255);

    text("No Signal", square.x + square.size / 2, square.y + square.size / 2);

​

    square.x += square.xSpeed;

    square.y += square.ySpeed;

​

    if (square.x + square.size > width || square.x < 0) {

      square.xSpeed *= -1;

​

      square.r = random(55, 200);

      square.g = random(127, 255);

      square.b = random(127, 255);

    }

​

    if (square.y + square.size > height || square.y < 0) {

      square.ySpeed *= -1;

​

      square.r = random(127, 255);

      square.g = random(55, 100);

      square.b = random(127, 255);

    }

  }

}

​