nested for loop example

  4/1/2024

*/

​

function setup(){

  createCanvas(700, 700);

  pattern();

}

​

function pattern(){

  background(220);

  //NESTED LOOP

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

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

//       //FACE

//     fill("purple");

//     ellipse(x, y, 50);

//     fill("lightblue");

//     ellipse(x + 10, y- 10, 10); //left eye 

//     ellipse(x - 15, y- 10, 10); // right eye

//       rect(x - 10, y + 10 , 20, 5, 2);// mouth

//     }

//   }

  //USING TRANSFORMATION 

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

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

     fill("green");

    push();

    translate(x, y);

   //WINDOWS START

    fill("green")

    rect(x, y, 100, 200); 

    // border

    fill("#222118")

    rect(x + 5, y + 5, 90, 190)

    // windows

    fill("lightblue")

    rect(x + 10, y + 10, 80, 95);

    rect(x + 10, y + 110, 80, 80); 

    //bottom 

    fill("#CCC05C")

    rect(x -10 , y + 200, 120, 10) 

     //top

    fill("#CCC05C")

    rect(x -10 , y -10, 120, 10)

     //WINDOW END

     //FACE

     fill("#C0AA69");

     ellipse(x -50, y + 50, 50);

     fill("black");

     ellipse(x - 60, y - 50, 10); //left eye 

     ellipse(x - 40, y- 50, 10); // right eye

     fill("pink")

       rect(x - 60, y + 60 , 20, 5, 2);// mouth

    pop();

   }

  }

​

}

​

function mousePressed(){

  save("Patter.png")

}

​