Shapes with Loops & Functions

sketch.js

function setup() {
  createCanvas(640, 480);

  // use anti-aliasing
  smooth();

  // no stroke on my shapes
  noStroke();

  /*
    use upper left corner
    not the center
  */
  ellipseMode( CORNER );

  // just run the draw cycle 1 time :)
  noLoop();
}

function makeEllipse( x ) {
    fill( random(0,255), random(0,255), random(0,255) );
    
    ellipse( x, 20, 20, 20 );
}

function makeRect( x ) {
    fill( random(0,255), random(0,255), random(0,255) );
    
    rect( x, 60, 20, 20 );
}


function draw() {
  var x = 20;
  for( var i = 0; i < 6; i++ ) {
    makeEllipse( x );
    
    makeRect( x );
    
    x = x + 30;  
  }
}