P5JS – LA3 – 3.3

This time we worked using a color palette and I used the Adobe color picker for this, I had a lot of fun making this. I used a complementair colorwheel of green and pink and this is what I created:

function setup() {
  createCanvas(400, 400);
  background(225);
noStroke();
//rectangle A//
fill('#91074E');
rect(0, 0, 80, 80);
//ellipse A//
fill('#029100');
ellipse(40, 40, 80, 80);
//rectangle B//
fill('#91074E');
rect(320, 0, 80, 80);
//ellipse B//
fill('#029100');
ellipse(360, 40, 80, 80);
//rectangle C//
fill('#91074E');
rect(0, 320, 80, 80);
//ellipse C//
fill('#029100');
ellipse(40, 360, 80, 80);
//rectangle D//
fill('#91074E');
rect(320, 320, 80, 80);
//ellipse D//
fill('#029100');
ellipse(360, 360, 80, 80);
//center rect//
fill('#029100');
rect(80, 80, 240, 240);
//center ellipse//
fill('#16DE14');
ellipse(200, 200, 240, 240);
//sides//
fill('#DE147C');
rect(0, 80, 80, 240);
rect(80, 0, 240, 80);
rect(320, 80, 80, 240);
rect(80, 320, 240, 80);
}