squares-animated.js

// "spaced colored squares" -- object edition

var squares = [];

function setup() {
  colorMode(HSB);
  noFill();

  for (var x = 50; x <= 250; x = x + 50) {
    squares.push({
      x: x,
      y: 150,
      size: random(10, 40)
    });
  }
}

function draw() {
  background(220);
  for (var i = 0; i < squares.length; i = i + 1) {
    var square = squares[i];
    square.y -= 1;
    stroke(40,100,100);
    rect(square.x, square.y, square.size, square.size);
  }
}