int r= 22; //Radius
int n_el=0;	   //Initial Number of ellipses

void setup() {
  size(800,300);
  background(#ff0044);
  smooth();
  frameRate(20);
}

void draw() {

  background(#ff0044);
  
  int x=r,y=r; // Initialize position variables. 
			  // Ellipse will be drawn in that position
  fill(255);
  noStroke();
  for (int i=0;i<n_el;i++) { //For up to the current number of ellipses...
    ellipse(x,y,2*r,2*r); // First draw an ellipse..
    x+=2*r; //Then increase the x position.
    if (x>width) { // But if it is more than width
	y+=2*r; //Increase y and..
	x=r; // Zero x(=radius). Essentially do a 'line break'
    }
    if (y>height) { // If we reach the bottom point
	n_el=0; // Set number fo ellipses back to zero, to start again.
		 // this also has the effect that it
		 // immediately cancels the for loop.
		 // since the counter (nel) becomes zero.
    }
  } // Repeat up to nel.

  n_el++; // After we painted all our ellipses once,
		 // increase their number
		 // so that the next time we'll paint one more!
		 
}