esra.yuceturk.özyegin.fad

let ruler = new p5.Utils();

let lineColor;

let zeminColor;

let skyColor;

​

​

​

function preload() {

  cama = loadImage('bina.jpg');

  }

function setup() {

  ruler.enableRuler();

  createCanvas(800,800);

  background(100);

   lineColor = color(random(255), random(255), random(255));

  zeminColor = color(random(190,255), random(190,255), random(190,255));

  skyColor = color(random(250,255), random(250,255), random(250,255));

​

}

​

​

function draw() {

  tint(255, 150);

  background(249,243,229);

  //image(cama, 100, 200,600,400);

   if (keyIsPressed && key === 'r') {

    lineColor = color(random(255), random(255), random(255));

    zeminColor = color(random(190,255), random(190,255), random(190,255));

      skyColor = color(random(250,255), random(250,255), random(250,255)); 

  }

//gökyüzü

  fill(skyColor);

  {beginShape();

  vertex(0,0); 

  vertex(800,0); 

  vertex(800,596);

  vertex(0,591);

endShape(CLOSE);}     

  //zemin 

 fill(zeminColor);

    {beginShape();

  vertex(0,550); 

  vertex(154,545); 

  vertex(209,550);

  vertex(474,586);

  vertex(623,594);

  vertex(803,591);

  vertex(800,800);

  vertex(0,800); 

endShape(CLOSE);}

  stroke(lineColor);

  line(168,462,221,404);

  line(221,404,238,401);

  line(238,401,293,349);

  line(293,349,458,368);

  //çatı

  line(458,368,676,433);

  line(448,367,650,427);

  line(438,366,644,427);

  line(428,365,638,427);

  line(418,364,632,427);

  line(408,363,626,427);

  line(398,362,620,427);

  line(388,361,614,427);

  line(378,360,608,427);

  line(368,359,602,427);

  line(358,358,596,427);

  line(348,357,590,427);

  line(338,356,584,427);

  line(328,355,578,427);

  line(318,354,572,427);

  line(308,353,566,427);

  line(298,352,560,427);

  line(339,366,502,412);

  line(345,369,496,412);

  line(351,372,490,412);

  line(357,375,484,412);

  line(363,378,478,412);

  line(369,381,472,412);

  line(372,384,466,412);

  //çatı siyah

  push();

   fill(0);  // Siyah renk

  {beginShape();

    vertex(294,349); 

    vertex(447,407); 

    vertex(447,422); 

    vertex(287,356);

    endShape(CLOSE);}

  {beginShape();

    vertex(447,407);

    vertex(676,433); 

    vertex(676,444); 

    vertex(447,423);

    endShape(CLOSE);}

  //sağ kısım ilk cephe 

  //sola doğru

  line(283,359,429,427);

  line(277,365,417,433);

  line(271,371,405,437);

  line(267,377,395,443);

  line(261,383,383,449);

 //sağa doğru 

  line(428,416,370,445);

  line(415,411,365,438);

  line(403,406,357,433);

  line(393,401,347,429);

  line(383,398,338,424);

  line(365,390,322,418);

  line(356,386,317,413);

  line(348,383,311,409);

  line(340,380,305,406);

  line(333,376,300,403);

  line(319,370,286,396);

  line(312,366,281,393);

  line(305,364,276,391);

  line(298,361,272,388);

  pop();

  //çatı altı

  line(446,422,378,453);

  //ücgenler

  fill(0);

  {beginShape();

    vertex(261,425); 

    vertex(290,404); 

    vertex(290,445); 

    endShape(CLOSE);}

  {beginShape();

    vertex(261,464); 

    vertex(290,446); 

    vertex(290,491); 

    endShape(CLOSE);}

  {beginShape();

    vertex(290,446); 

    vertex(327,426); 

    vertex(327,474); 

    endShape(CLOSE);}

  {beginShape();

    vertex(239,407); 

    vertex(261,386); 

    vertex(261,426);

    endShape(CLOSE);}

  {beginShape();

    vertex(240,443); 

    vertex(261,426); 

    vertex(261,464);

    endShape(CLOSE);}

  {beginShape();

    vertex(239,480); 

    vertex(261,464); 

    vertex(261,504);

    endShape(CLOSE);}

line(240,544,240,408); //kalın olacak

  line(244,412,244,547);

  line(249,416,249,549);

  line(254,420,254,549);

  line(261,505,261,549);

  line(237,517,237,544);

  line(233,522,233,543);

  line(230,526,230,544);

  line(227,530,227,544);

  line(224,534,224,544);

  line(219,409,219,545);

  line(168,463,219,546);

  line(219,508,161,538);

  line(219,508,238,514);

  line(238,514,220,538);

  //merdivenli kısım

  line(222,410,222,509);

  line(226,410,226,509);

  line(230,410,230,510);

  line(234,410,234,510);

  //ikinci ücgen kısım

    {beginShape();

    vertex(203,425); 

    vertex(219,408); 

    vertex(219,442);

    endShape(CLOSE);}

  {beginShape();

    vertex(203,456); 

    vertex(219,443); 

    vertex(219,474);

    endShape(CLOSE);}

    {beginShape();

    vertex(203,486); 

    vertex(219,474); 

    vertex(219,508);

    endShape(CLOSE);}

  {beginShape();

    vertex(189,440); 

    vertex(203,426); 

    vertex(202,456);

    endShape(CLOSE);}

  {beginShape();

    vertex(189,468); 

    vertex(203,456); 

    vertex(203,486);

    endShape(CLOSE);}

  {beginShape();

    vertex(189,496); 

    vertex(202,487); 

    vertex(202,518);

    endShape(CLOSE);}

  {beginShape();

    vertex(177,453); 

    vertex(189,440); 

    vertex(189,468);

    endShape(CLOSE);}

    {beginShape();

    vertex(168,463); 

    vertex(177,454); 

    vertex(177,477);

    endShape(CLOSE);}

  {beginShape();

    vertex(177,478); 

    vertex(189,469); 

    vertex(189,495);

    endShape(CLOSE);}

  //en arka duvar vertical çizgiler

  line(210,531,210,546);

  line(207,527,207,546);

  line(204,523,204,546);

  line(201,519,201,546);

  line(198,520,198,546);

  line(195,521,195,546);

  line(192,522,192,546);

  line(189,523,189,546);

  line(186,524,186,546);

  line(183,528,183,546);

  line(180,528,180,546);

  line(177,530,177,546);

  line(188,495,159,515);

  line(159,515,161,539);

  //tekli duvar

  line(295,535,295,541);

  line(301,534,301,547);

  line(307,532,307,554);

  line(313,532,313,559);

  line(320,530,320,566);

  line(326,527,327,571);

  line(333,534,333,575);

  line(341,539,341,579);

  line(350,548,349,580);

  line(358,556,356,578);

  //yan duvar ince cizgiler

  line(283,524,380,492);

  line(287,531,380,502);

  line(381,512,381,453);

  //yan duvar yan cizgiler

  line(261,505,334,577);

  line(290,491,374,569);

  line(328,475,440,564);

  //merdivenin üst çizgisi

  line(271,543,376,512);

  line(376,512,385,512);

  line(385,512,467,573);

  //ön cephe en sol kapı 

  line(382,454,426,455);

  line(426,455,426,542);

  //merdiveni

  line(386,512,426,512);

  //ikinci sol duvar

  line(426,455,476,437);

  line(476,437,477,555);

  //en ön duvar

  line(477,438,605,449);

  line(605,449,605,555);

  line(605,449,605,555);

  line(620,555,515,552);

  line(515,552,450,559);

  line(515,552,450,559);

  line(515,552,515,600);

  line(621,558,621,592);

  //kolonlar

  line(514,442,514,536);

  line(516,442,516,535);

  line(525,443,525,539);

  line(556,446,556,540);

  line(558,446,558,540);

  line(567,446,567,540);

  line(594,449,594,551);

  line(596,449,596,551);

  //pencre

  line(481,449,511,452);

  line(511,452,511,503);

  line(511,503,481,500);

  line(481,500,481,450);

  line(526,455,556,457);

  line(556,505,525,503);

  line(567,458,594,460);

  line(594,507,567,505);

  //çatı en sol 

  line(676,445,606,462);

  //yangın merdivenleri

  line(241,409,220,442);

  line(241,444,220,474);

  line(241,480,220,508);

  line(262,505,238,515);

  //en arka camlar

  line(167,510,177,530);

  line(176,504,188,523);

  //üçgen kısımlar

  noFill();

  {beginShape();

    vertex(261,387); 

    vertex(261,504); 

    vertex(376,452); 

    endShape(CLOSE);}

  line(266,390,266,549);

  line(270,393,270,543);

  line(274,396,275,540);

  line(278,398,278,540);

  line(282,399,282,538);

  line(286,405,286,530);

  line(290,408,290,536);

  line(296,408,296,534);

  line(301,410,301,532);

  line(307,414,307,530);

  line(313,417,313,528);

  line(319,420,319,526);

  line(327,424,327,524);

  line(334,429,334,522);

  line(342,434,342,520);

  line(351,438,351,518);

  line(358,443,358,515);

  line(368,447,368,514);

  //ücgenler

  fill(0);

  {beginShape();

    vertex(261,425); 

    vertex(290,404); 

    vertex(290,445); 

    endShape(CLOSE);}

  {beginShape();

    vertex(261,464); 

    vertex(290,446); 

    vertex(290,491); 

    endShape(CLOSE);}

  {beginShape();

    vertex(290,446); 

    vertex(327,426); 

    vertex(327,474); 

    endShape(CLOSE);}

  {beginShape();

    vertex(239,407); 

    vertex(261,386); 

    vertex(261,426);

    endShape(CLOSE);}

  {beginShape();

    vertex(240,443); 

    vertex(261,426); 

    vertex(261,464);

    endShape(CLOSE);}

  {beginShape();

    vertex(239,480); 

    vertex(261,464); 

    vertex(261,504);

    endShape(CLOSE);}

  //trabzan

  {beginShape();

    vertex(433,546); 

    vertex(515,534); 

    vertex(515,553);

   vertex(449,559);

    endShape(CLOSE);}

  {beginShape();

  vertex(515,534);  

  vertex(621,544); 

  vertex(621,556);

  vertex(516,553);

    endShape(CLOSE);}

    //çimen

   {beginShape();

    vertex(153,535); 

    vertex(161,538); 

    vertex(177,546);

    vertex(219,543);

    vertex(238,541);

    vertex(267,542);

    vertex(284,547);

    vertex(284,547);

    vertex(336,568);

    vertex(336,568);

    vertex(438,558);

    vertex(486,578);

    vertex(484,592);

    vertex(392,587);

    vertex(351,586);

    vertex(233,561);

    vertex(153,546);

    vertex(153,535);

    endShape(CLOSE);}

  {beginShape();

  vertex(515,602); 

  vertex(529,580); 

  vertex(560,579);

  vertex(591,575);

  vertex(630,568);

  vertex(639,572);

  vertex(624,599);

  vertex(515,602); 

endShape(CLOSE);}

​

  function keyPressed() {

  if (key === 'r') {

    // R tuşuna basıldığında renkleri değiştir

    lineColor = color(random(255), random(255), random(255));

    zeminColor = color(random(190, 255), random(190, 255), random(190, 255));

      skyColor = color(random(250,255), random(250,255), random(250,255));

  }

}

    }