Workshop Overview
https://editor.p5js.org/

let canvasSize = 300;
let squareSize = canvasSize/4;

// calc to put the square at the center
// let squareLoc = canvasSize/2 - squareSize/2;

// start the square top left
let squareLocX = 0;
let squareLocY = 0;

// Setup initial red, green, blue values
let r=0;
let g=0;
let b=0;

function setup() {
  createCanvas(canvasSize, canvasSize);
}

function draw() {
  
  // slowly change the background color by change variables
  background(r, g, b);
  r = r + 1;
  g = g + 3;
  
  fill("blue");  
  
  // put the square at the current position
  square(squareLocX,squareLocY,squareSize);
  
  // move square
  squareLocX = squareLocX + 1;
  squareLocY = squareLocY + 2;
}