// tasks:

//   try making something interesting.

//   you can look around the docs for what's possible: Help -> Reference

// based on https://editor.p5js.org/fede.santana/sketches/0h6uKZYBF

​

const CANVAS_W = 400;

const CANVAS_H = 400;

​

let currentHue = 100;

let angle = 0;

​

function setup() {

  createCanvas(CANVAS_W, CANVAS_H);

  angleMode(DEGREES);

  rectMode(CENTER);

  colorMode(HSB);

}

​

function draw() {

  background(250, 40, 4,0.2);

  translate(200,200);

  rotate(angle);

  noFill();

  stroke(currentHue,50,80,0.2);

  if ( currentHue > 360) {

    currentHue = 0;

  }

  rect(0, 0, 100);

  rotate(angle * 0.2);

  rect(0, 0, 100);

​

  rotate(angle * 0.2);

  rect(0, 0, 100);

​

  rotate(angle * 0.2);

  rect(0, 0, 100);

​

  rotate(angle * 0.2);

  rect(0, 0, 100);

​

  rotate(angle * 0.2);

  rect(0, 0, 100);

  currentHue = currentHue + 1;

  angle = angle + 1;

}

​

// things to think about:

//   how does the different rotations of the squares work?

//   where does the motion blur come from?