Window Design

  by htet aung lin

  3/18/2024

*/

​

var r, g, b;

function setup() {

  createCanvas(500, 400);

  strokeWeight(2);

  r = random(0, 255);

  g = random(0, 255);

  b = random(0, 255);

}

​

function mousePressed() {

  save("htet_WindowsDesign.jpg");

}

​

function draw() {

  background("white");

​

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

    var y = 100;

    var w = 100; //window width

    var h = 200; //window height

    fill("rgb(138,199,165)");

    rect(x, y, w, h); // window

​

    push();

    fill("#9E9E9E");

    noStroke();

    rect(x - 11, y + 210, 122, 20); // shadow

    pop();

​

    fill("rgb(73,177,153)");

    rect(x - 10, y - 20, 120, 20); //top frame

    rect(x - 10, y + 200, 120, 20); //bottom frame

​

    //pattern

    for (var x1 = 5; x1 < w + 20; x1 += 5) {

      var y1 = 300;

      line(x - 10 + x1, y1 + 10, x - 13 + x1, y1 + 20);

    }

​

    //window color

    push();

    if (frameCount % 10 == 0) {

      r = random(0, 255);

      g = random(0, 255);

      b = random(0, 255);

    }

    fill(r, g, b);

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

    pop();

​

    //horizontal lines

    line(x, y + 100, x + 100, y + 100);

    line(x, y + 150, x + 100, y + 150);

    line(x, y + 180, x + 100, y + 180);

​

    //window vertical line frames

    for (var x1 = 20; x1 <= w; x1 += 20) {

      var y1 = 100;

      line(x + x1, y1 + 100, x + x1, y1 + 200);

      fill("#FFC107");

      circle(x + x1 - 10, y1 + 165, 20);

    }

  }

}

​