​

function setup() {

  createCanvas(windowWidth, windowHeight);

}

​

function draw() {

  background(220);

  // Left quad vertices 

  let xl1 = 0, yl1 = 0;

  let xl2 = 0, yl2 = height;

  let xl3 = width * 0.25, yl3 = height * 0.75;

  let xl4 = width * 0.25, yl4 = height * 0.25;

  for (let i = 0; i < sections; i++) {

    let t1 = i / sections;

    let t2 = (i + 1) / sections;

    let xTopLeft = lerp(xl1, xl4, t1);

    let yTopLeft = lerp(yl1, yl4, t1);

    let xBottomLeft = lerp(xl2, xl3, t1);

    let yBottomLeft = lerp(yl2, yl3, t1);

    let xTopRight = lerp(xl1, xl4, t2);

    let yTopRight = lerp(yl1, yl4, t2);

    let xBottomRight = lerp(xl2, xl3, t2);

    let yBottomRight = lerp(yl2, yl3, t2);

    quad(xTopLeft, yTopLeft, xBottomLeft, yBottomLeft, xBottomRight, yBottomRight, xTopRight, yTopRight);

  }

  // Right quad vertices 

  let xr1 = width * 0.75, yr1 = height * 0.25;

  let xr2 = width * 0.75, yr2 = height * 0.75;

  let xr3 = width, yr3 = height;

  let xr4 = width, yr4 = 0;

  for (let i = 0; i < sections; i++) {

    let t1 = i / sections;

    let t2 = (i + 1) / sections;

    let xTopLeft = lerp(xr1, xr4, t1);

    let yTopLeft = lerp(yr1, yr4, t1);

    let xBottomLeft = lerp(xr2, xr3, t1);

    let yBottomLeft = lerp(yr2, yr3, t1);

    let xTopRight = lerp(xr1, xr4, t2);

    let yTopRight = lerp(yr1, yr4, t2);

    let xBottomRight = lerp(xr2, xr3, t2);

    let yBottomRight = lerp(yr2, yr3, t2);

    quad(xTopLeft, yTopLeft, xBottomLeft, yBottomLeft, xBottomRight, yBottomRight, xTopRight, yTopRight);

  }

  // Top quad vertices 

  let xt1 = 0, yt1 = 0;

  let xt2 = width * 0.25, yt2 = height * 0.25;

  let xt3 = width * 0.75, yt3 = height * 0.25;

  let xt4 = width, yt4 = 0;

  for (let i = 0; i < sections; i++) {

    let t1 = i / sections;

    let t2 = (i + 1) / sections;

    let xLeft = lerp(xt1, xt2, t1);

    let yLeft = lerp(yt1, yt2, t1);

    let xRight = lerp(xt4, xt3, t1);

    let yRight = lerp(yt4, yt3, t1);

    let xLeftNext = lerp(xt1, xt2, t2);

    let yLeftNext = lerp(yt1, yt2, t2);

    let xRightNext = lerp(xt4, xt3, t2);

    let yRightNext = lerp(yt4, yt3, t2);

    quad(xLeft, yLeft, xLeftNext, yLeftNext, xRightNext, yRightNext, xRight, yRight);

  }

  // Bottom quad vertices 

  let xb1 = width * 0.25, yb1 = height * 0.75;

  let xb2 = 0, yb2 = height;

  let xb3 = width, yb3 = height;

  let xb4 = width * 0.75, yb4 = height * 0.75;

  for (let i = 0; i < sections; i++) {

    let t1 = i / sections;

    let t2 = (i + 1) / sections;

    let xLeft = lerp(xb2, xb1, t1);

    let yLeft = lerp(yb2, yb1, t1);

    let xRight = lerp(xb3, xb4, t1);

    let yRight = lerp(yb3, yb4, t1);

    let xLeftNext = lerp(xb2, xb1, t2);

    let yLeftNext = lerp(yb2, yb1, t2);

    let xRightNext = lerp(xb3, xb4, t2);

    let yRightNext = lerp(yb3, yb4, t2);

    quad(xLeft, yLeft, xLeftNext, yLeftNext, xRightNext, yRightNext, xRight, yRight);

  }

  //middle rect

  rect(width*0.25, height*0.25, width/2, height/2)

}

​