let i;

​

function setup() {

  createCanvas(2*size,2*size);

}

​

function draw() {

  translate(size,size)

  background(220);

  textSize(32);

  for (i = 1; i < size; i += 10){

    fill(255,255,i);

    ellipse(0,i,i/10); // + Y

    fill(0,0,255-i);

    ellipse(0,-i,i/10); // -Y

    fill(255,i,255);

    ellipse(i,0,i/10); // + x

    fill(0,255-i,255);

    ellipse(-i,0,i/10); // - x

    fill(0);

    text('+y',15,180)

    fill(0);

    text('-y',15,-170)

    fill(0);

    text('+x',150,-15)

    fill(0);

    text('-x',-180,-15)

  }

}