//description: creating pattern designs using for loops

//date:20/06/2023

​

let angle = 0;

function setup() {

  createCanvas(600, 600);

  angleMode(DEGREES);

}

​

function draw() {

  background(220);

  noFill();

  //rectangles to create patterns

  rectMode(CENTER);

  push()

  //center square

  translate(width/2,height/2)

  rotate(angle)

  for (let i = 5; i < 150; i += 4) {

    rect(0,0, i, i);

  }

  pop()

​

  for (let j = 5; j < 150; j += 10) {

    rect(width / 2 + 100, height / 2, j, j);

  }

​

  for (let j = 5; j < 150; j += 10) {

    rect(width / 2 - 100, height / 2, j, j);

  }

​

  for (let j = 5; j < 150; j += 10) {

    rect(width / 2, height / 2 - 100, j, j);

  }

​

  for (let j = 5; j < 150; j += 10) {

    rect(width / 2, height / 2 + 100, j, j);

  }

  push()

  translate(440,155)//top right corner square

  rotate(45)

  rotate(-angle)

  for (let j = 5; j < 150; j += 3) {

    rect(0, 0, j, j);

  }

  pop()

​

  //   rotating squares

​

  push();

  translate(width/2, height/2);//center square 2

  rotate(45);

  rotate(angle);

  for (let j = 5; j < 150; j += 10) {

    rect(0, 0, j, j);

  }

  pop();

  angle =angle+ 0.2;

​

}

​