kadenze_p5js_loops

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(100);

  noFill();

​

}

​

function draw() {

var offset = 80;

var lineLength = 30;

  // Nested loops 

  strokeWeight(2);

// Grid of crosses

  for(var i = 50; i<=width -50;i+=offset){

    for(var j = 50; j<=height -50;j+=offset){

      stroke(255);

      line(i,j,i+lineLength,j+lineLength);

      stroke(255, 204, 0);

      line(i+lineLength,j,i,j+lineLength);

      //ellipse(i, j, i+100, j+100);

    } // End inner loop

  } // End outer loop

​

  /*

  // Star burst

  strokeWeight(1);

  stroke(255);

  for(var i = 50; i<=width -50;i+=offset){

    for(var j = 50; j<=height -50;j+=offset){

      line(i+lineLength/2,j+lineLength/2,width / 2,height / 2);

    } // End inner loop

  } // End outer loop

  */

  // Tally lines

strokeWeight(1);

stroke(255);

  for(var i = 50; i<=width -50;i+=offset){

    for(var j = 50; j<=height -50;j+=offset){

      for(var k = 0;k < 30 ;k += 4)

          {line(i+k,j,i+k,j+30);}

    } // End inner loop

  } // End outer loop

​

} // End draw()