kadenze_p5js_loops

function setup() {

  createCanvas(windowWidth, windowHeight);

  background(100);

​

}

​

function draw() {

  var col = 0;

  strokeWeight(5);

  stroke(255,0,0);

  // Loops with variables

  for(var i = 0; i<=100;i+=10)

      { 

        line(i,0,i,windowHeight);

        stroke(col,0,0);

        col+=20;

​

      };

  // Nested loops

  strokeWeight(1);

  noFill(0);

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

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

      ellipse(i, j, 20, 20);

    }// end inner loop

  }// end outer loop

}