createCanvas(400, 400);

​

​

​

  let size = createVector(20, 40);

  let place = createVector(0, 0);

​

  //   ///////////////////////////////////////

  //   for (let j = 0; j < 10; j++){

​

  //     if (j % 2 != 0)

  //       place.x += 40;   

​

​

  //     for (let i = 0; i < 10; i++){

  //     rect(place.x, place.y, size.x, size.y);

​

  //     if (i % 2 == 0)

  //       place.x += 20;

  //     else

  //       place.x += 60;

  //     }

​

​

  //     place.x = 0

  //     place.y += 40;

  //   }

  //   ///////////////////////////////////////

​

  //   place.set(0);

​

  //   ///////////////////////////////////////

  //   for (let j = 0; j < 10; j++){

​

  //     if (j % 2 == 0)

  //       place.y += 40;   

​

​

  //     for (let i = 0; i < 10; i++){

  //     rect(place.x, place.y, size.y, size.x);

​

  //     if (i % 2 == 0)

  //       place.y += 20;

  //     else

  //       place.y += 60;

  //     }

​

​

  //     place.y = 0

  //     place.x += 40;

  //   }

  //   ///////////////////////////////////////

​

​

​

  let offsets = [];

  offsets[0] = createVector(20, 0);

  offsets[1] = createVector(20, 0);

  offsets[2] = createVector(0, 20);

  offsets[3] = createVector(40, -20);

​

​

  ///////////////////////////////////////

  for (let j = 0; j < 10; j++) {

​

    let ctrl = 2 * (j % 2);

​

    let index;

    for (let i = 0; i < 10 * 2; i++) {

​

      index = (i + ctrl) % 4;

​

      if (index <= 1)

        rect(place.x, place.y, size.x, size.y);

      else if (index > 1)

        rect(place.x, place.y, size.y, size.x);

​

      place.add(offsets[index]);

​

    }

    place.x = 0

    place.y = 40 * (j + 1);

  }

  ///////////////////////////////////////

​

}