Project 05-Wallpaper

var w=50;    //squares width
var ww=20;    //rectangle variable
var m=30;    //rectangle variable

function setup() {
    createCanvas(600, 600);
    noStroke();
    noLoop();
}

function draw() {
    background(0);
    drawGrid();
}

function drawGrid() {
  var size=2*w+ww;
  for (var y = 0; y < height + size; y += size) {
        for (var x = 0; x < width + size; x += size) {
          fill(49,39,255);
          square(x,y,w);    //4 medium blue squares
          square(x+w+ww,y,w);
          square(x,y+w+ww,w);
          square(x+w+ww,y+w+ww,w);
          fill(114,192,254);
          rect(x+w,y,ww,m);    //4 light blue rectangles
          rect(x,y+w,m,ww);
          rect(x+w+2*ww,y+w,m,ww);
          rect(x+w,y+w+2*ww,ww,m);
          fill(247,98,255);
          rect(x+w,y+m,ww,2*m);    //pink plus sign rectangles
          rect(x+m,y+w,2*m,ww);
          fill(22,5,57);
          arc(x,y, 35,35,0,2*PI);    //dark blue ring
          fill(49,39,255);
          arc(x,y,30,30,0,2*PI);    //medium blue in ring
          fill(22,5,57);
           arc(x,y, 25,25,0,2*PI);    //middle dark circle in ring
          fill(254,175,98);
          arc(x+w+ww/2,y+w+ww/2,10,10,0,2*PI);    //yellow circle
        }
    }
}