geometric poster

let ruler = new p5.Utils();

let xnokta; // Başlangıç x koordinatı

let xnokta2; // Sağ kısmın Başlangıç x koordinatı

let ynokta; // Başlangıç y koordinatı

let gap = 20; // karelerin boşluk miktarı

let squaresize = 30; // Kare kenar uzunluğu

let tepeNoktaX; //sağ-sol üst üçgenlerin başlangıcı

let tepeNoktaX2; //sağ-sol alt üçgenlerin başlangıcı

let tepeNoktaY; //üçgenlerin y noktası

​

​

function preload() {

  nueFont = loadFont("unispace rg.otf");

}

​

function setup() {

  ruler.enableRuler();  

  createCanvas(460,785); 

  background(255,248,225); //krem rengi

​

  xnokta = 11;

  xnokta2 = 261;

  ynokta = 200;

  tepeNoktaX = 211;

  tepeNoktaX2 = 241;

  tepeNoktaY = 451;

  }

​

function draw() {

​

//SOL KISIM ALT ÜÇGENLER 

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

     let color1 = random(0,162); //greenish

     let color2 = random(79,104); //blue

     let color3 = random(94,139);

     fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta + i * (squaresize + gap), 230 + 10 * (squaresize + gap) - squaresize); // Alt sol köşe

    vertex(xnokta + squaresize + i * (squaresize + gap), 230 + 10 * (squaresize + gap) - squaresize); // Alt sağ köşe

    vertex(tepeNoktaX, tepeNoktaY); // Tepe nokta

    endShape(CLOSE); }

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

     let color1 = random(0,162); //greenish

     let color2 = random(79,104); //blue

     let color3 = random(94,139);

     fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta + i * (squaresize + gap), 230  + 9*(squaresize + gap)- squaresize); // Alt sol köşe

    vertex(xnokta + squaresize + i * (squaresize + gap), 230 + 9*(squaresize + gap)- squaresize); // Alt sağ köşe

    vertex(tepeNoktaX, tepeNoktaY); // Tepe nokta

    endShape(CLOSE); }

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

    let color1 = random(0,162); //greenish

    let color2 = random(79,104); //blue

    let color3 = random(94,139);

    fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta + i * (squaresize + gap), 230  + 8*(squaresize + gap)- squaresize); // Alt sol köşe

    vertex(xnokta + squaresize + i * (squaresize + gap), 230 + 8*(squaresize + gap)- squaresize); // Alt sağ köşe

    vertex(tepeNoktaX, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

   let color1 = random(0,162); //greenish

   let color2 = random(79,104); //blue

   let color3 = random(94,139);

    fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta + i * (squaresize + gap), 230  + 7*(squaresize + gap)- squaresize); // Alt sol köşe

    vertex(xnokta + squaresize + i * (squaresize + gap), 230 + 7*(squaresize + gap)- squaresize); // Alt sağ köşe

    vertex(tepeNoktaX, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

     let color1 = random(0,162); //greenish

     let color2 = random(79,104); //blue

     let color3 = random(94,139);

     fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta + i * (squaresize + gap), 230  + 6*(squaresize + gap)- squaresize); // Alt sol köşe

    vertex(xnokta + squaresize + i * (squaresize + gap), 230 + 6*(squaresize + gap)- squaresize); // Alt sağ köşe

    vertex(tepeNoktaX, tepeNoktaY); // Tepe nokta

    endShape(CLOSE); }

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

   let color1 = random(0,162); //greenish

   let color2 = random(79,104); //blue

   let color3 = random(94,139);

    fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta + i * (squaresize + gap), 230  + 5*(squaresize + gap)); // Alt sol köşe

    vertex(xnokta + squaresize + i * (squaresize + gap), 230 + 5*(squaresize + gap)); // Alt sağ köşe

    vertex(tepeNoktaX, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

//6

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

     let color1 = random(0,162); //greenish

     let color2 = random(79,104); //blue

     let color3 = random(94,139);

     fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta + i * (squaresize + gap), 230  + 4*(squaresize + gap)); // Alt sol köşe

    vertex(xnokta + squaresize + i * (squaresize + gap), 230 + 4*(squaresize + gap)); // Alt sağ köşe

    vertex(tepeNoktaX, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

    let color1 = random(0,162); //greenish

    let color2 = random(79,104); //blue

    let color3 = random(94,139);

    fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta + i * (squaresize + gap), 230  + 3*(squaresize + gap)); // Alt sol köşe

    vertex(xnokta + squaresize + i * (squaresize + gap), 230 + 3*(squaresize + gap)); // Alt sağ köşe

    vertex(tepeNoktaX, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

    let color1 = random(0,162); //greenish

    let color2 = random(79,104); //blue

    let color3 = random(94,139);

    fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta + i * (squaresize + gap), 230  + 2*(squaresize + gap)); // Alt sol köşe

    vertex(xnokta + squaresize + i * (squaresize + gap), 230 + 2*(squaresize + gap)); // Alt sağ köşe

    vertex(tepeNoktaX, tepeNoktaY); // Tepe nokta

    endShape(CLOSE); }

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

  let color1 = random(0,162); //greenish

  let color2 = random(79,104); //blue

  let color3 = random(94,139);

  fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta + i * (squaresize + gap), 230  + (squaresize + gap)); // Alt sol köşe

    vertex(xnokta + squaresize + i * (squaresize + gap), 230 + (squaresize + gap)); // Alt sağ köşe

    vertex(tepeNoktaX, tepeNoktaY); // Tepe nokta

    endShape(CLOSE); }

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

  let color1 = random(0,162); //greenish

  let color2 = random(79,104); //blue

  let color3 = random(94,139);

  fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta + i * (squaresize + gap), 230); // Alt sol köşe

    vertex(xnokta + squaresize + i * (squaresize + gap), 230); // Alt sağ köşe

    vertex(tepeNoktaX, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

//SOL KISIM ALT ÜÇGENLER BİTİŞ

​

//SAĞ KISIM ALT ÜÇGENLER

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

     let color1 = random(0,162); //greenish

     let color2 = random(79,104); //blue

     let color3 = random(94,139);

     fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta2 + i * (squaresize + gap), 230  + 10*(squaresize + gap)- squaresize); // Alt sol köşe

    vertex(xnokta2 + squaresize + i * (squaresize + gap), 230 + 10*(squaresize + gap)- squaresize); // Alt sağ köşe

    vertex(tepeNoktaX2, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

    let color1 = random(0,162); //greenish

    let color2 = random(79,104); //blue

    let color3 = random(94,139);

    fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta2 + i * (squaresize + gap), 230  + 9*(squaresize + gap)- squaresize); // Alt sol köşe

    vertex(xnokta2 + squaresize + i * (squaresize + gap), 230 + 9*(squaresize + gap)- squaresize); // Alt sağ köşe

    vertex(tepeNoktaX2, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

     let color1 = random(0,162); //greenish

     let color2 = random(79,104); //blue

     let color3 = random(94,139);

     fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta2 + i * (squaresize + gap), 230  + 8*(squaresize + gap)- squaresize); // Alt sol köşe

    vertex(xnokta2 + squaresize + i * (squaresize + gap), 230 + 8*(squaresize + gap)- squaresize); // Alt sağ köşe

    vertex(tepeNoktaX2, tepeNoktaY); // Tepe nokta

    endShape(CLOSE); }

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

    let color1 = random(0,162); //greenish

    let color2 = random(79,104); //blue

    let color3 = random(94,139);

    fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta2 + i * (squaresize + gap), 230  + 7*(squaresize + gap)- squaresize); // Alt sol köşe

    vertex(xnokta2 + squaresize + i * (squaresize + gap), 230 + 7*(squaresize + gap)- squaresize); // Alt sağ köşe

    vertex(tepeNoktaX2, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

     let color1 = random(0,162); //greenish

     let color2 = random(79,104); //blue

     let color3 = random(94,139);

     fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta2 + i * (squaresize + gap), 230  + 6*(squaresize + gap)- squaresize); // Alt sol köşe

    vertex(xnokta2 + squaresize + i * (squaresize + gap), 230 + 6*(squaresize + gap)- squaresize); // Alt sağ köşe

    vertex(tepeNoktaX2, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

     let color1 = random(0,162); //greenish

     let color2 = random(79,104); //blue

     let color3 = random(94,139);

     fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta2 + i * (squaresize + gap), 230  + 5*(squaresize + gap)); // Alt sol köşe

    vertex(xnokta2 + squaresize + i * (squaresize + gap), 230 + 5*(squaresize + gap)); // Alt sağ köşe

    vertex(tepeNoktaX2, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

//6

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

    let color1 = random(0,162); //greenish

    let color2 = random(79,104); //blue

    let color3 = random(94,139);

    fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta2 + i * (squaresize + gap), 230  + 4*(squaresize + gap)); // Alt sol köşe

    vertex(xnokta2 + squaresize + i * (squaresize + gap), 230 + 4*(squaresize + gap)); // Alt sağ köşe

    vertex(tepeNoktaX2, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

     let color1 = random(0,162); //greenish

     let color2 = random(79,104); //blue

     let color3 = random(94,139);

     fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta2 + i * (squaresize + gap), 230  + 3*(squaresize + gap)); // Alt sol köşe

    vertex(xnokta2 + squaresize + i * (squaresize + gap), 230 + 3*(squaresize + gap)); // Alt sağ köşe

    vertex(tepeNoktaX2, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

    let color1 = random(0,162); //greenish

     let color2 = random(79,104); //blue

     let color3 = random(94,139);

     fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta2 + i * (squaresize + gap), 230  + 2*(squaresize + gap)); // Alt sol köşe

    vertex(xnokta2 + squaresize + i * (squaresize + gap), 230 + 2*(squaresize + gap)); // Alt sağ köşe

    vertex(tepeNoktaX2, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

     let color1 = random(0,162); //greenish

     let color2 = random(79,104); //blue

     let color3 = random(94,139);

    fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta2 + i * (squaresize + gap), 230  + (squaresize + gap)); // Alt sol köşe

    vertex(xnokta2 + squaresize + i * (squaresize + gap), 230 + (squaresize + gap)); // Alt sağ köşe

    vertex(tepeNoktaX2, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

    let color1 = random(0,162); //greenish

    let color2 = random(79,104); //blue

    let color3 = random(94,139);

       fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta2 + i * (squaresize + gap), 230); // Alt sol köşe

    vertex(xnokta2 + squaresize + i * (squaresize + gap), 230); // Alt sağ köşe

    vertex(tepeNoktaX2, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

  //SAĞ KISIM ALT ÜÇGENLER BİTİŞ

  //SOL KISIM SAĞ GÖLGELER

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

     let color1 = random(0,181); 

     let color2 = random(79,238); 

     let color3 = random(94,173);

    fill(color1,color2,color3); 

    beginShape();

    vertex((xnokta+squaresize) + i * (squaresize + gap), ynokta); // üst köşe

    vertex((xnokta + squaresize) + i * (squaresize + gap), ynokta + squaresize) ; // Alt köşe

    vertex(tepeNoktaX, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);  }

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

     let color1 = random(0,181); 

     let color2 = random(79,238); 

     let color3 = random(94,173);

     fill(color1,color2,color3); 

    beginShape();

    vertex((xnokta+squaresize) + i * (squaresize + gap), ynokta +50); // üst köşe

    vertex((xnokta + squaresize) + i * (squaresize + gap), ynokta + squaresize +50) ; // Alt köşe

    vertex(tepeNoktaX, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

     let color1 = random(0,181); 

     let color2 = random(79,238); 

     let color3 = random(94,173);

       fill(color1,color2,color3); 

    beginShape();

    vertex((xnokta+squaresize) + i * (squaresize + gap), ynokta +50*2); // üst köşe

    vertex((xnokta + squaresize) + i * (squaresize + gap), ynokta + squaresize +50*2) ; // Alt köşe

    vertex(tepeNoktaX, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);

    }

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

     let color1 = random(0,181); 

     let color2 = random(79,238); 

     let color3 = random(94,173);

       fill(color1,color2,color3); 

​

    beginShape();

    vertex((xnokta+squaresize) + i * (squaresize + gap), ynokta +50*3); // üst köşe

    vertex((xnokta + squaresize) + i * (squaresize + gap), ynokta + squaresize +50*3) ; // Alt köşe

    vertex(tepeNoktaX, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);  }

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

      let color1 = random(0,181); 

     let color2 = random(79,238); 

     let color3 = random(94,173);

       fill(color1,color2,color3); 

    beginShape();

    vertex((xnokta+squaresize) + i * (squaresize + gap), ynokta +50*4); // üst köşe

    vertex((xnokta + squaresize) + i * (squaresize + gap), ynokta + squaresize +50*4) ; // Alt köşe

    vertex(tepeNoktaX, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

      let color1 = random(0,181); 

     let color2 = random(79,238); 

     let color3 = random(94,173);

     fill(color1,color2,color3); 

    beginShape();

    vertex((xnokta+squaresize) + i * (squaresize + gap), ynokta +50*5); // üst köşe

    vertex((xnokta + squaresize) + i * (squaresize + gap), ynokta + squaresize +50*5) ; // Alt köşe

    vertex(tepeNoktaX, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

    let color1 = random(0,181); 

     let color2 = random(79,238); 

     let color3 = random(94,173);

       fill(color1,color2,color3); 

    beginShape();

    vertex((xnokta+squaresize) + i * (squaresize + gap), ynokta +50*6); // üst köşe

    vertex((xnokta + squaresize) + i * (squaresize + gap), ynokta + squaresize +50*6) ; // Alt köşe

    vertex(tepeNoktaX, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

    let color1 = random(0,181); 

     let color2 = random(79,238); 

     let color3 = random(94,173);

       fill(color1,color2,color3); 

    beginShape();

    vertex((xnokta+squaresize) + i * (squaresize + gap), ynokta +50*7); // üst köşe

    vertex((xnokta + squaresize) + i * (squaresize + gap), ynokta + squaresize +50*7) ; // Alt köşe

    vertex(tepeNoktaX, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

    let color1 = random(0,181); 

     let color2 = random(79,238); 

     let color3 = random(94,173);

     fill(color1,color2,color3); 

    beginShape();

    vertex((xnokta+squaresize) + i * (squaresize + gap), ynokta +50*8); // üst köşe

    vertex((xnokta + squaresize) + i * (squaresize + gap), ynokta + squaresize +50*8) ; // Alt köşe

    vertex(tepeNoktaX, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

    let color1 = random(0,181); 

     let color2 = random(79,238); 

     let color3 = random(94,173);

       fill(color1,color2,color3); 

    beginShape();

    vertex((xnokta+squaresize) + i * (squaresize + gap), ynokta +50*9); // üst köşe

    vertex((xnokta + squaresize) + i * (squaresize + gap), ynokta + squaresize +50*9) ; // Alt köşe

    vertex(tepeNoktaX, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

    let color1 = random(0,181); 

     let color2 = random(79,238); 

     let color3 = random(94,173);

     fill(color1,color2,color3); 

    beginShape();

    vertex((xnokta+squaresize) + i * (squaresize + gap), ynokta +50*10); // üst köşe

    vertex((xnokta + squaresize) + i * (squaresize + gap), ynokta + squaresize +50*10) ; // Alt köşe

    vertex(tepeNoktaX, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

  //SOL KISIM SAĞ GÖLGELER BİTİŞ

  //SAĞ KISIM SOL GÖLGELER

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

     let color1 = random(0,181); 

     let color2 = random(79,238); 

     let color3 = random(94,173);

     fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta2 + i * (squaresize + gap), ynokta); // üst köşe

    vertex(xnokta2 + i * (squaresize + gap), ynokta + squaresize) ; // Alt köşe

    vertex(tepeNoktaX2, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

    let color1 = random(0,181); 

     let color2 = random(79,238); 

     let color3 = random(94,173);

     fill(color1,color2,color3);

    beginShape();

    vertex(xnokta2 + i * (squaresize + gap), ynokta +50); // üst köşe

    vertex(xnokta2 + i * (squaresize + gap), ynokta + squaresize +50) ; // Alt köşe

    vertex(tepeNoktaX2, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

let color1 = random(0,181); 

     let color2 = random(79,238); 

     let color3 = random(94,173);

     fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta2 + i * (squaresize + gap), ynokta +50*2); // üst köşe

    vertex(xnokta2 + i * (squaresize + gap), ynokta + squaresize +50*2) ; // Alt köşe

    vertex(tepeNoktaX2, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

    let color1 = random(0,181); 

     let color2 = random(79,238); 

     let color3 = random(94,173);

     fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta2 + i * (squaresize + gap), ynokta +50*3); // üst köşe

    vertex(xnokta2 + i * (squaresize + gap), ynokta + squaresize +50*3) ; // Alt köşe

    vertex(tepeNoktaX2, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

    let color1 = random(0,181); 

     let color2 = random(79,238); 

     let color3 = random(94,173);

     fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta2 + i * (squaresize + gap), ynokta +50*4); // üst köşe

    vertex(xnokta2 + i * (squaresize + gap), ynokta + squaresize +50*4) ; // Alt köşe

    vertex(tepeNoktaX2, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

   let color1 = random(0,181); 

     let color2 = random(79,238); 

     let color3 = random(94,173);

     fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta2 + i * (squaresize + gap), ynokta +50*5); // üst köşe

    vertex(xnokta2 + i * (squaresize + gap), ynokta + squaresize +50*5) ; // Alt köşe

    vertex(tepeNoktaX2, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);  }

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

    let color1 = random(0,181); 

     let color2 = random(79,238); 

     let color3 = random(94,173);

     fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta2 + i * (squaresize + gap), ynokta +50*6); // üst köşe

    vertex(xnokta2 + i * (squaresize + gap), ynokta + squaresize +50*6) ; // Alt köşe

    vertex(tepeNoktaX2, tepeNoktaY+30); // Tepe nokta

    endShape(CLOSE);}

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

    let color1 = random(0,181); 

     let color2 = random(79,238); 

     let color3 = random(94,173);

     fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta2 + i * (squaresize + gap), ynokta +50*7); // üst köşe

    vertex(xnokta2 + i * (squaresize + gap), ynokta + squaresize +50*7) ; // Alt köşe

    vertex(tepeNoktaX2, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);  }

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

    let color1 = random(0,181); 

     let color2 = random(79,238); 

     let color3 = random(94,173);

     fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta2 + i * (squaresize + gap), ynokta +50*8); // üst köşe

    vertex(xnokta2 + i * (squaresize + gap), ynokta + squaresize +50*8) ; // Alt köşe

    vertex(tepeNoktaX2, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

    let color1 = random(0,181); 

     let color2 = random(79,238); 

     let color3 = random(94,173);

     fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta2 + i * (squaresize + gap), ynokta +50*9); // üst köşe

    vertex(xnokta2 + i * (squaresize + gap), ynokta + squaresize +50*9) ; // Alt köşe

    vertex(tepeNoktaX2, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

   let color1 = random(0,181); 

     let color2 = random(79,238); 

     let color3 = random(94,173);

     fill(color1,color2,color3); 

    beginShape();

    vertex(xnokta2 + i * (squaresize + gap), ynokta +50*10); // üst köşe

    vertex(xnokta2 + i * (squaresize + gap), ynokta + squaresize +50*10) ; // Alt köşe

    vertex(tepeNoktaX2, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);  }

//SAĞ KISIM SOL GÖLGELER BİTİŞ

//ORTANCA GÖLGELER

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

     let color1 = random(0,181); //greenish

     let color2 = random(79,238); //blue

     let color3 = random(94,173);

     fill(color1,color2,color3); 

    beginShape();

    vertex(tepeNoktaX , ynokta + squaresize + i * (squaresize + gap)); // 1.köşe

    vertex(tepeNoktaX2 , ynokta + squaresize + i * (squaresize + gap)) ; // 2.köşe

    vertex(tepeNoktaX + 15, tepeNoktaY); // Tepe nokta

    endShape(CLOSE);}

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

    beginShape();

    vertex( tepeNoktaX, 700+ i * (-squaresize - gap)); // 1.köşe

    vertex(tepeNoktaX2, 700+ i * (-squaresize - gap)) ; // 2.köşe

    vertex(tepeNoktaX + 15, tepeNoktaY +30); // Tepe nokta

    endShape(CLOSE);}

  //ORTANCA GÖLGELER BİTİŞ

​

  // 99 kareyi çizmek için iki döngü kullanıyoruz

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

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

   // Her karenin x ve y koordinatları

      let x = xnokta + i * (squaresize + gap);

      let y = ynokta + j * (squaresize + gap);

​

       // Kareleri çiz

      let randomColor = color(random(181), random(238), random(173));

      fill(randomColor);

      rect(x, y, squaresize, squaresize); // Kare çizimi

    }

  }

  textSize(25); 

  textAlign(LEFT); // ortala

  fill(0); 

  textFont(nueFont); 

  text("53 Foire Nationale", 20, 62);

  text("Comptoir Suisse Lausanne", 20, 102);

  text("9-24 Sept. 1972", 20, 142);

  textSize(8);

  text("Designer: Resplendino Atelier", 300, 764);

    noLoop(); // draw() fonksiyonunu sadece bir kez çağırmak için

}

​

function keyPressed() {

  if (key == 'r') {

    draw();

  }

  if (key == 'e') {

    save("export.jpg");

  }

}