Constructing of Abstraction

//PRESS "r" TO CHANGE ARTWORKS

​

function describeArtwork() {

    switch (currentMode) {

        case 0:

            describe('Description for the first artwork inspired by Kazimir Malevich, focusing on abstract geometric shapes and bold colors, conveying a sense of simplicity and complexity.');

            break;

        case 1:

            describe('Description for the second artwork inspired by Lajos Kassak, featuring dynamic constructivist compositions with a vibrant interplay of forms and colors.');

            break;

        case 2:

            describe('Description for the third artwork inspired by El Lissitzky, highlighting the use of space, geometry, and typography to convey futurist ideas.');

            break;

        case 3:

            describe('Description for the fourth artwork drawing from Nikolay Suetin’s influences, showcasing suprematist compositions with floating geometric shapes.');

            break;

        case 4:

            describe('This mode presents a constructivist composition inspired by Lajos Kassak’s "Constructivist Composition" from 1923, featuring a dynamic array of geometric shapes that appear to be in motion. Emphasizing the rhythm, balance, and tension among abstract forms.');

            break;

        case 5:

            describe('This mode is inspired by Nikolay Suetin’s "Suprematistische Komposition" from 1920, featuring an abstract Suprematist composition. Potentially an exploration of color theory, shapes interaction, and the emotional impact of abstract art.');

            break;

        default:

            describe('An abstract composition blending various elements from modernist art movements, emphasizing geometric forms, bold colors, and dynamic arrangements.');

            break;

    }

}

let currentMode;

let vertices = [];

let lacivertVertices = [];

let cizgiliücgenVertices = [];

let turuncuBüyükDikdVertices = [];

let turuncuDikdortgenAltVertices = [];

let maviUstVertices = [];

let maviAltVertices = [];

​

function preload() {

  malevich = loadImage('malevich.png');

  kassak = loadImage('kassak.png');

  lissitzky = loadImage('lissitzky.png');

  suetin = loadImage('suetin.png');

  nueFont = loadFont("Merriweather-Bold.ttf");

  }

​

​

let airplane;

​

function drawStar(x, y, radius1, radius2, npoints) {

  let angle = TWO_PI / npoints;

  let halfAngle = angle / 2.0;

  beginShape();

  for (let a = 0; a < TWO_PI; a += angle) {

    let sx = x + cos(a) * radius2;

    let sy = y + sin(a) * radius2;

    vertex(sx, sy);

    sx = x + cos(a + halfAngle) * radius1;

    sy = y + sin(a + halfAngle) * radius1;

    vertex(sx, sy);

  }

  endShape(CLOSE);

}

​

​

function setup() {

  createCanvas(600, 700);

  background(233,228,222);

   sarıvertices = [

    { x: 308, y: 82 },

    { x: 367, y: 129 },

    { x: 229, y: 312 },

    { x: 162, y: 258 }

  ];

​

  lacivertVertices = [

    { x: 93, y: 538 },

    { x: 212, y: 596 },

    { x: 199, y: 619 },

    { x: 81, y: 561 }

  ];

​

  siyahVertices = [

  { x: 439, y: 531 },

  { x: 497, y: 568 },

  { x: 457, y: 628 },

  { x: 397, y: 588 }

];

  cizgiliücgenVertices = [

  { x: 137, y: 346 },

  { x: 284, y: 531 },

  { x: 163, y: 583 },

];

​

  let turuncuBüyükDikdVertices = [

  { x: 98, y: 162 },

  { x: 315, y: 198 },

  { x: 313, y: 230 },

  { x: 90, y: 201 } ];

​

let turuncuDikdortgenAltVertices = [

  { x: 248, y: 530 },

  { x: 372, y: 500 },

  { x: 377, y: 514 },

  { x: 251, y: 548 }

];

​

let maviUstVertices = [

  { x: 185, y: 109 },

  { x: 289, y: 139 },

  { x: 287, y: 146 },

  { x: 182, y: 114 }

];

​

let maviAltVertices = [

  { x: 157, y: 542 },

  { x: 405, y: 477 },

  { x: 407, y: 489 },

  { x: 162, y: 552 }

];

​

​

  selectRandomMode();

}

​

​

​

function draw() {

  background(255);

​

  switch (currentMode) {

    case 0:

      drawMode0();

      break;

    case 1:

      drawMode1();

      break;

    case 2:

      drawMode2();

      break;

    case 3:

      drawMode3();

      break;

    case 4:

      drawMode4();

      break;

    case 5:

      drawMode5();

      break;

​

​

  }

}

​

function keyPressed() {

  if (key === 'r' || key === 'R') {

    selectRandomMode();

  }

}

​

function selectRandomMode() {

  currentMode = int(random(6)); // Rastgele bir mod numarası seç (0'dan 5'e kadar)

}

​

​

function drawMode0() {

    describe('This mode features geometric shapes and color blocks inspired by Kazimir Malevich\'s "Airplane Flying". Dominant colors include red, yellow, black, and navy blue, creating a dynamic composition.');

    background(249,243,229);

  image(malevich, 390, 580, 120, 20); 

  textSize(8); 

  textAlign(LEFT); // ortala

  fill(0); 

  textFont(nueFont); 

  text("Airplane Flying,Kazimir Malevich 1915 ",370, 615);

​

   scale(0.8);

  translate(70,50);

    //KIRMIZILAR

  fill(149,39,14);

{ beginShape(); //kırmızı dikd. büyük

    vertex(141,155); 

    vertex(443,128); 

    vertex(445,143); 

    vertex(144,170);

    endShape(CLOSE);}

  //SARILAR 

  //gölge efektini ayarla

  drawingContext.shadowOffsetX = 5;

  drawingContext.shadowOffsetY = 5;

  drawingContext.shadowBlur = 6;

  drawingContext.shadowColor = 'rgba(0.3, 0, 0, 0.3)';

 let moveX = sin(frameCount * 0.003) * 80; //lacivert dikd. büyük

​

   fill(234, 171, 6); // Yellow color

  noStroke(); // No outline

  // Zamanla değişen ölçek faktörünü hesapla

   let MoveP = 1 + sin(frameCount * 0.03) * 0.03;

​

  beginShape(); 

  vertex(308,82 +MoveP);

  vertex(367, 129+MoveP);

  vertex(229, 312+MoveP);

  vertex(162, 258+MoveP);

  endShape(CLOSE);

     // Gölge efektini sıfırla

  drawingContext.shadowOffsetX = 0;

  drawingContext.shadowOffsetY = 0;

  drawingContext.shadowBlur = 0;

  drawingContext.shadowColor = 'rgba(0, 0, 0, 0)';

  { beginShape(); //büyük sarı yanındaki

    vertex(333,191); 

    vertex(352,205); 

    vertex(298,281); 

    vertex(273,265);

    endShape(CLOSE);}

{ beginShape(); //sarı kare üst

    vertex(360,209); 

    vertex(402,239); 

    vertex(365,289); 

    vertex(322,256);

    endShape(CLOSE);}

  { beginShape(); //sarı kare en küçük

    vertex(339,296); 

    vertex(366,313); 

    vertex(356,332); 

    vertex(325,315);

    endShape(CLOSE);}

  { beginShape(); //sarı kare alttaki dikdörtgen

    vertex(169,287); 

    vertex(220,326); 

    vertex(174,393); 

    vertex(119,353);

    endShape(CLOSE);}

  { beginShape(); //sarı kare en alttaki dikdörtgen

    vertex(109,379); 

    vertex(150,411); 

    vertex(131,436); 

    vertex(87,406);

    endShape(CLOSE);}

//SİYAHLAR

  fill(0);

​

  { beginShape(); //siyah kare en büyük

    vertex(272,289); 

    vertex(411,377); 

    vertex(260,588); 

    vertex(129,479);

    endShape(CLOSE);} 

  { beginShape(); //siyah kare ikinci

    vertex(376,442); 

    vertex(450,484); 

    vertex(362,622); 

    vertex(287,577);

    endShape(CLOSE);} 

drawingContext.shadowOffsetX = 5;

  drawingContext.shadowOffsetY = 5;

  drawingContext.shadowBlur = 6;

  drawingContext.shadowColor = 'rgba(0.3, 0, 0, 0.3)';

  // 3. Siyah karenin merkezini hesapla

  let merkezX = (siyahVertices[0].x + siyahVertices[2].x) / 2;

  let merkezY = (siyahVertices[0].y + siyahVertices[2].y) / 2;

​

  // Çizim düzlemini kaydır ve döndür

  translate(merkezX, merkezY);

  rotate(radians(frameCount));

  translate(-merkezX, -merkezY);

​

  // 3. Siyah kareyi çiz

  fill(0);

  noStroke();

  {beginShape();

  for (let v of siyahVertices) {

    vertex(v.x, v.y);

  }

  endShape(CLOSE);

​

  // Dönme ve kaydırmayı sıfırla

  resetMatrix();

    // Gölge efektini sıfırla

  drawingContext.shadowOffsetX = 0;

  drawingContext.shadowOffsetY = 0;

  drawingContext.shadowBlur = 0;

  drawingContext.shadowColor = 'rgba(0, 0, 0, 0)';

​

  //LACİVERTLER

  fill(29,47,85);

  translate(-20,-30);

    { beginShape(); //lacivert dikd. küçük

    vertex(433,409); 

    vertex(495,445); 

    vertex(486,456); 

    vertex(424,420);

    endShape(CLOSE);} 

  //gölge efektini ayarla

  drawingContext.shadowOffsetX = 5;

  drawingContext.shadowOffsetY = 5;

  drawingContext.shadowBlur = 6;

  drawingContext.shadowColor = 'rgba(0, 0, 0, 0.6)';

   translate(30,-30);

   let moveX = sin(frameCount * 0.03) * 20; //lacivert dikd. büyük

​

  fill(0, 0, 128); 

  noStroke();

  { beginShape();

  for (let v of lacivertVertices) {

    vertex(v.x + moveX, v.y); // X koordinatına hareket miktarını ekle

  }

  endShape(CLOSE);}

    // Gölge efektini sıfırla

  drawingContext.shadowOffsetX = 0;

  drawingContext.shadowOffsetY = 0;

  drawingContext.shadowBlur = 0;

  drawingContext.shadowColor = 'rgba(0, 0, 0, 0)';

​

  //KIRMIZILAR

   translate(40,80);

  fill(149,39,14);

//gölge efektini ayarla

  drawingContext.shadowOffsetX = 5;

  drawingContext.shadowOffsetY = 5;

  drawingContext.shadowBlur = 6;

  drawingContext.shadowColor = 'rgba(0, 0, 0, 0.6)';

​

  let dönMerkezX = 135;

  let dönMerkezY = 148;

​

  // Çizim düzlemini döndürme merkezine kaydır

  translate(dönMerkezX, dönMerkezY);

​

  // Zamanla değişen bir açıyla döndür

  rotate(radians(frameCount* 0.30));

​

  // Çizim düzlemini geri kaydır

  translate(-dönMerkezX, -dönMerkezY);

​

  fill(149, 39, 14);

  noStroke();

  { beginShape();

  vertex(173, 126);

  vertex(247, 116);

  vertex(247, 123);

  vertex(174, 132);

  endShape(CLOSE); }

   // Gölge efektini sıfırla

  drawingContext.shadowOffsetX = 0;

  drawingContext.shadowOffsetY = 0;

  drawingContext.shadowBlur = 0;

  drawingContext.shadowColor = 'rgba(0, 0, 0, 0)';

​

  // Dönme ve kaydırmayı sıfırla

  resetMatrix();

}

}

​

function drawMode1() {

  describe('This artwork is inspired by Lajos Kassak’s abstract compositions, featuring bold geometric shapes and dynamic forms. Central to the scene is a large yellow ellipse on a beige background, overlaid by a red ellipse, adding depth. Various geometric shapes, including rectangles and triangles in shades of blue, yellow, and red, contribute to the composition’s complexity. Black lines and smaller shapes add detail and contrast, creating a lively interplay of forms. The artwork evokes a sense of motion and modernist exploration.');

​

    noStroke();

  background(237,212,182);

​

  image(kassak, 420, 575,70,25);

  textSize(8); 

  textAlign(LEFT); // ortala

  fill(0); 

  textFont(nueFont); 

  text("Lot 41B, Lajos Kassak 1887 ", 400, 615);

   scale(0.9);

  translate(30,40);

   push();

   // Döndürülecek şekiller için döndürme işlemini ayarla

  push(); // Mevcut çizim durumunu kaydet

  translate(316, 247); // Döndürme merkezine taşı

  rotate(radians(frameCount)); // Döndür

  translate(-316, -247); // Geri taşı

​

//SARI YAY

  fill(223,159,49);

  ellipse(313,240,296,310);

  fill(237,212,182);

  ellipse(313,240,240,259);

  { beginShape(); //alt dikd.

  vertex(263,358); 

  vertex(278,363); 

  vertex(265,393); 

  vertex(249,386);

  endShape(CLOSE);}

  { beginShape(); //üst dikd.

  vertex(270,88); 

  vertex(287,84); 

  vertex(296,114); 

  vertex(279,115);

  endShape(CLOSE);}

  fill(237,212,182);

  { beginShape(); //büyük dikd.

  vertex(280,80); 

  vertex(472,92); 

  vertex(450,396); 

  vertex(260,396);

  endShape(CLOSE);}

  pop();

​

  //kırmızı daire

  drawingContext.shadowOffsetX = 5;

  drawingContext.shadowOffsetY = 5;

  drawingContext.shadowBlur = 6;

  drawingContext.shadowColor = 'rgba(0, 0, 0, 0.3)';

  fill(205,63,43);

  ellipse(317,240,180,214);

  // Gölge efektini sıfırla

  drawingContext.shadowOffsetX = 0;

  drawingContext.shadowOffsetY = 0;

  drawingContext.shadowBlur = 0;

  drawingContext.shadowColor = 'rgba(0, 0, 0, 0)';

//sarı tam daire

fill(223,159,49);

ellipse(414,395,105,110);

//lacivert dikdörtgen

  drawingContext.shadowOffsetX = 5;

  drawingContext.shadowOffsetY = 5;

  drawingContext.shadowBlur = 6;

  drawingContext.shadowColor = 'rgba(0, 0, 0, 0.3)';

fill(32,75,128);

{beginShape(); 

vertex(330,320); 

vertex(425,318); 

vertex(425,540); 

vertex(330,538);

endShape(CLOSE);}

​

//sarı dikdörtgen

fill(223,159,49);

{beginShape(); 

vertex(320,427); 

vertex(367,427); 

vertex(367,590); 

vertex(319,589);

endShape(CLOSE);}

  // Gölge efektini sıfırla

  drawingContext.shadowOffsetX = 0;

  drawingContext.shadowOffsetY = 0;

  drawingContext.shadowBlur = 0;

  drawingContext.shadowColor = 'rgba(0, 0, 0, 0)';

//kırmızı dikdörtgenler

fill(205,63,43);

{beginShape(); //küçük kırmızı dikd.

vertex(342,363); 

vertex(378,363); 

vertex(378,379); 

vertex(342,376);

endShape(CLOSE);}

{beginShape(); //büyük kırmızı dikd.

fill(205,63,43);

vertex(360,363); 

vertex(378,363); 

vertex(378,485); 

vertex(358,485);

endShape(CLOSE);}

//L çizgiler

  stroke(0, 0, 0); 

  strokeWeight(2); 

   let moveA = sin(frameCount * 0.05) * 30; // Hareket miktarı ve hızı

  line(407, 371+ moveA, 402, 563+ moveA,);

  line(407, 371+ moveA, 457, 371+ moveA); //kısa

  let moveB = sin(frameCount * 0.04) * 40; // Hareket miktarı ve hızı

  line(411, 378 +moveB, 410, 574+moveB); 

  line(411, 378+moveB, 452, 378+moveB); //kısa

  let moveC = sin(frameCount * 0.03) * 50; // Hareket miktarı ve hızı

  line(418, 386+moveC, 417, 584+moveC); 

  line(418, 386+moveC, 445, 386+moveC); //kısa

    noStroke();

  //üçgenler

  drawingContext.shadowOffsetX = 5;

  drawingContext.shadowOffsetY = 5;

  drawingContext.shadowBlur = 6;

  drawingContext.shadowColor = 'rgba(0, 0, 0, 0.3)';

​

let moveX = sin(frameCount * 0.04) * 30;//turuncu dikd. üst

  fill(255, 165, 0);

 { beginShape();

  for (let v of cizgiliücgenVertices) {

    vertex(v.x + moveX, v.y);

  }

  endShape(CLOSE);   }

  stroke(0, 0, 0); //çizgili üçgen çizgileri 

  strokeWeight(2); 

  line(159+ moveX,561,174+ moveX,577);

  line(159+ moveX,547,182+ moveX,574);

  line(156+ moveX,532,190+ moveX,570);

  line(155+ moveX,517,196+ moveX,566);

  line(153+ moveX,499,205+ moveX,563);

  line(152+ moveX,485,214+ moveX,560);

  line(150+ moveX,471,221+ moveX,556);

  line(150+ moveX,471,221+ moveX,556);

  line(148+ moveX,456,229+ moveX,552);

  line(147+ moveX,441,238+ moveX,547);

  line(146+ moveX,425,244+ moveX,545);

  line(144+ moveX,411,250+ moveX,539);

  line(141+ moveX,395,259+ moveX,538);

  line(139+ moveX,378,265+ moveX,534);

  line(138+ moveX,361,275+ moveX,532);

    noStroke();

​

  fill(59,51,49); 

{beginShape(); //alt üçgen

vertex(196,445); 

vertex(295,447); 

vertex(245,597); 

endShape(CLOSE);}

​

fill(237,212,182);

ellipse(279,461,10,13); //en alt üçgen dairesi

fill(59,51,49); 

{beginShape(); //en üst üçgen

vertex(403,66); 

vertex(467,144); 

vertex(310,215); 

endShape(CLOSE);}

​

fill(237,212,182);

circle(403,90,20); //en üst üçgen dairesi

​

//kahverengi dikdörtgen

  let moveZ = sin(frameCount * 0.04) * 20; // Hareket miktarı ve hızı

​

  fill(59,51,49); 

  {beginShape(); 

    vertex(123+ moveZ,262); 

    vertex(331+ moveZ,263); 

    vertex(332+ moveZ,273); 

    vertex(124+ moveZ,272);

    endShape(CLOSE); }

// Gölge efektini sıfırla

  drawingContext.shadowOffsetX = 0;

  drawingContext.shadowOffsetY = 0;

  drawingContext.shadowBlur = 0;

  drawingContext.shadowColor = 'rgba(0, 0, 0, 0)';

​

}

​

function drawMode2() {

    background(253,214,159);

​

​

  image(lissitzky, 350, 570,140,50);

  textSize(8); 

  textAlign(LEFT); // ortala

  fill(0); 

  textFont(nueFont); 

  text("Beat the Whites with the Red Wedge, El Lissitzky 1919",  300, 615);

noStroke();

  translate(0, 30);

  //gri minik dikdörtgen

  fill(114,118,127);

    { beginShape(); 

    vertex(195,255); 

    vertex(255,255); 

    vertex(254,266); 

    vertex(195,265);

    endShape(CLOSE);}

  fill(194,37,18);

  ellipse(355,220,230,210); //kırmızı daire

    //küçük düz dikd.

  fill(31,29,30);

  { beginShape(); //lacivert kısım

    vertex(348,265); 

    vertex(420,265); 

    vertex(420,438); 

    vertex(350,438);

    endShape(CLOSE);}

  fill(253,214,159);

  { beginShape(); //background kısım

    vertex(420,265); 

    vertex(428,274); 

    vertex(427,446); 

     vertex(420,438); 

    endShape(CLOSE);}

  fill(211,211,211);

  { beginShape(); //açık gri kısım

   vertex(420,438); 

   vertex(427,446); 

   vertex(360,446); 

   vertex(350,438);

    endShape(CLOSE);}

  //lacivert yatay dikd.

  drawingContext.shadowOffsetX = 5;

  drawingContext.shadowOffsetY = 5;

  drawingContext.shadowBlur = 6;

  drawingContext.shadowColor = 'rgba(0, 0, 0, 0.3)';

   moveA = 70 * sin(frameCount * 0.02);

  { beginShape();

   vertex(328 +moveA,360); 

   vertex(438 +moveA,360); 

   vertex(438 +moveA,367); 

   vertex(328 +moveA,367);

    endShape(CLOSE);}

   drawingContext.shadowOffsetX = 0;

  drawingContext.shadowOffsetY = 0;

  drawingContext.shadowBlur = 0;

  drawingContext.shadowColor = 'rgba(0, 0, 0, 0)';

  //dikey kırmızı dikd.

   moveA = 150 * sin(frameCount * 0.004);

  fill(194,37,18);

  { beginShape(); //açık kırmızı kısım

   vertex(427,387 +moveA); 

   vertex(439,387  +moveA); 

   vertex(439,427  +moveA); 

   vertex(427,427  +moveA);

    endShape(CLOSE);}

  drawingContext.shadowOffsetX = 5;

  drawingContext.shadowOffsetY = 5;

  drawingContext.shadowBlur = 6;

  drawingContext.shadowColor = 'rgba(0, 0, 0, 0.3)';

  fill(220,216,215);

  { beginShape(); //koyu kırmızı kısım

   vertex(439,387  +moveA);  

   vertex(464,416  +moveA); 

   vertex(464,448  +moveA); 

   vertex(439,427  +moveA); 

    endShape(CLOSE);}

  fill(89,42,26);

  { beginShape(); //gri kısım

   vertex(439,427  +moveA); 

   vertex(464,448  +moveA);  

   vertex(451,449  +moveA); 

   vertex(427,427  +moveA);

    endShape(CLOSE);}

   // Gölge efektini sıfırla

  drawingContext.shadowOffsetX = 0;

  drawingContext.shadowOffsetY = 0;

  drawingContext.shadowBlur = 0;

  drawingContext.shadowColor = 'rgba(0, 0, 0, 0)';

  //sol perspektifli dikd.

   moveZ = 25 * sin(frameCount * 0.02);

  fill(114,118,127);

    { beginShape(); //koyu gri kısım

    vertex(313,241 +moveZ); 

    vertex(328,241 +moveZ); 

    vertex(328,286 +moveZ); 

    vertex(313,286 +moveZ);

    endShape(CLOSE);}

  fill(211,211,211);

  { beginShape(); //açık gri kısım

    vertex(328,241 +moveZ); 

    vertex(363,262 +moveZ); 

    vertex(362,303+moveZ); 

     vertex(328,286+moveZ);

    endShape(CLOSE);}

  fill(253,214,159);

  { beginShape(); //backgorund kısım

     vertex(328,286+moveZ); 

    vertex(362,303+moveZ); 

    vertex(348,305+moveZ); 

    vertex(313,286+moveZ);

    endShape(CLOSE);}

  //gri yamuk dikdörtgen

   moveY = 80 * sin(frameCount * 0.01);

  fill(211,211,211);

  { beginShape(); //açık gri kısım

     vertex(241,408 +moveY); 

    vertex(264,423  +moveY); 

    vertex(249,442  +moveY); 

    vertex(225,427  +moveY);

    endShape(CLOSE);}

  drawingContext.shadowOffsetX = 5;

  drawingContext.shadowOffsetY = 5;

  drawingContext.shadowBlur = 6;

  drawingContext.shadowColor = 'rgba(0, 0, 0, 0.3)';

  fill(114,118,127);

  { beginShape(); //koyu gri kısım

    vertex(264,423 +moveY); 

    vertex(300,518 +moveY);  

    vertex(294,527 +moveY); 

     vertex(249,442 +moveY); 

    endShape(CLOSE);}

  fill(31,29,30);

  { beginShape(); //lacivert kısım

    vertex(249,442 +moveY); 

    vertex(294,527 +moveY);   

    vertex(271,513 +moveY); 

    vertex(225,427 +moveY);

    endShape(CLOSE);}

   // Gölge efektini sıfırla

  drawingContext.shadowOffsetX = 0;

  drawingContext.shadowOffsetY = 0;

  drawingContext.shadowBlur = 0;

  drawingContext.shadowColor = 'rgba(0, 0, 0, 0)';

  //kırmızı 2d dikdörtgen

  fill(194,37,18);

  { beginShape(); 

    vertex(323,489); 

    vertex(366,489);   

    vertex(366,521); 

    vertex(324,521);

    endShape(CLOSE);}

  //kırmızı çizgili paralelkenar

  fill(194,37,18);

  { beginShape(); //kırmızı dikd.

    vertex(188,92 ); 

    vertex(198,81 );   

    vertex(198,531 ); 

    vertex(188,538 );

    endShape(CLOSE);}

  //siyah çizgiler

   moveB = 80 * sin(frameCount * 0.01);

  fill(0);

  stroke(3);

  line(145,148+moveB,187,90); //sağ kenar

  line(145,488+moveB,187,537); //sol kenar

  line(145,148+moveB,143,489+moveB);//dik kenar

  line(146,231+moveB,188,232+moveB);

  line(146,255+moveB,188,254+moveB);

    //yatay uzun büyük dikd.

  noStroke();

  //gölge efektini ayarla

  drawingContext.shadowOffsetX = 5;

  drawingContext.shadowOffsetY = 5;

  drawingContext.shadowBlur = 6;

  drawingContext.shadowColor = 'rgba(0, 0, 0, 0.4)';

   moveD = 30 * sin(frameCount * 0.01);

    fill(114,118,127);

  { beginShape(); //koyu gri kısım

    vertex(77 + moveD,159); 

    vertex(389 + moveD,161); 

    vertex(388 + moveD,216); 

    vertex(77 + moveD,214);

    endShape(CLOSE);}

    fill(211,211,211);

    { beginShape(); //açık gri kısım

    vertex(389 + moveD,161); 

    vertex(408 + moveD,175); 

    vertex(406 + moveD,226); 

    vertex(389 + moveD,215);

    endShape(CLOSE);}

  fill(31,29,30);

  { beginShape(); //lacivert kısım

    vertex(79 + moveD,214); 

    vertex(390 + moveD,216); 

    vertex(405 + moveD,225); 

    vertex(102 + moveD,225);

    endShape(CLOSE);}

     // Gölge efektini sıfırla

  drawingContext.shadowOffsetX = 0;

  drawingContext.shadowOffsetY = 0;

  drawingContext.shadowBlur = 0;

  drawingContext.shadowColor = 'rgba(0, 0, 0, 0)';

}

​

function drawMode3() {

describe('Inspired by El Lissitzky’s "New Man", this mode features an abstract composition with a central figure represented by overlapping geometric shapes. A large brown and a smaller cream ellipse symbolize the figure’s head and body, set against a light beige background. Black lines and shapes form the limbs, suggesting movement and dynamism. Red and cream geometric forms add contrast and depth, while the use of shadow and curve lines introduce a sense of three-dimensionality. The overall composition evokes a modernist interpretation of the human form.');

 background(242,230,190);

  image(lissitzky, 380, 570,140,50);

  textSize(8); 

  textAlign(LEFT); // ortala

  fill(0); 

  textFont(nueFont); 

  text("New Man, El Lissitzky 1923",  400, 615);

noStroke();

    translate(27,35);

  scale(0.9);

​

   push();  // Mevcut çizim durumunu kaydet

  // Döndürme merkezini ve açısını hesapla

  let merkezX = 343;

  let merkezY = 270;

  let angle = radians(frameCount * 0.20);  // Dönüş hızı

​

  // Döndürme işlemi için

  translate(merkezX, merkezY);  // Döndürme merkezine taşı

  rotate(angle);  // Döndür

  translate(-merkezX, -merkezY);  // Geri taşı

  // Büyük kahverengi daire parçası

  fill(116, 88, 51);

  ellipse(343, 270, 170, 172);

  // İç açık renkli daire

  fill(242, 230, 190);

  ellipse(343, 270, 150, 152);

​

  // Diğer şekiller

 fill(242,230,190);

  beginShape(); 

  vertex(324, 172);

  vertex(344, 180);

  vertex(344, 200);

  vertex(330, 200);

  endShape(CLOSE);

​

  fill(242,230,190);

  beginShape(); 

  vertex(298, 332);

  vertex(304, 336);

  vertex(298, 349);

  vertex(293, 339);

  endShape(CLOSE);

​

  fill(242,230,190);

  beginShape(); 

  vertex(344, 181);

  vertex(297, 348);

  vertex(220, 341);

  vertex(281, 138);

  endShape(CLOSE);

​

  pop();

  fill(227,203,139); //açık krem  

{ beginShape(); //en arkadaki krem cokgen

   vertex(298,351); 

   vertex(381,347); 

   vertex(381,402); 

   vertex(251,402); 

  endShape(CLOSE);} 

​

  //boyun

  fill(116,88,51); //kahverengi

  { beginShape(); 

   vertex(369,188); //kahverengi ücgen

   vertex(400,188); 

   vertex(398,210); 

   endShape(CLOSE);}

  fill(227,203,139); //açık krem

    { beginShape(); 

    vertex(407,187); // krem üçgen

    vertex(453,185); 

    vertex(433,205); 

    endShape(CLOSE);}

  fill(0);

  { beginShape(); 

   vertex(380,196); //siyah paralelkenar

   vertex(400,196); 

   vertex(400,227); 

   vertex(380,243);

  endShape(CLOSE);}

  { beginShape(); 

   vertex(407,191); //siyah ücgen

   vertex(445,191); 

   vertex(405,223); 

  endShape(CLOSE);}