My Sketch - OpenProcessing

mySketch
xxxxxxxxxx
 
// create grids to place shapes
// 800 x 800 size
// each cell worth 20 size
// 3 colums and 3 rows
​
const PADDING = 0;
const ROWS = 3;
const COLUMNS = 3;
const CELL_SIZE = 200;
const CELL_COLOR = "beige";
const CANVAS_WIDTH = 600;
const CANVAS_HEIGHT = 600;
​
​
function setup()
​
{
  createCanvas(600, 600);
  background("beige");
  noStroke();
​
  fill(CELL_COLOR);
  for (let col = 0; col < COLUMNS; col++) {
    for (let row = 0; row < ROWS; row++) {
      let left = PADDING + (col * CELL_SIZE);
      let top = PADDING + (row * CELL_SIZE);
      let size = CELL_SIZE - 2;
      rect(left, top, size, size);
    }
  }
}
​
// DRAW THE COLUMS TO HAVE A GRID IN THE PROCESS, ERASE GRID LATER BUT JUST BACKGROUND
​
//function setup() {
//  createCanvas(600, 600);
//background("beige");
//}
​
function draw()
​
{
  // have outline for 8 posters and 1 writing
​
  noFill();
  stroke(0);
  strokeWeight(3);
  rect(0, 0, 200, 200)
​
  noFill();
  stroke(0);
  strokeWeight(3);
  rect(0, 200, 200, 200)
​
  noFill();
  stroke(0);
  strokeWeight(3);
  rect(0, 400, 200, 200)
​
  noFill();
  stroke(0);
  strokeWeight(3);
  rect(200, 0, 200, 200)
​
  noFill();
  stroke(0);
  strokeWeight(3);
  rect(200, 200, 200, 200)
​
  noFill();
  stroke(0);
  strokeWeight(3);
  rect(200, 400, 200, 200)
​
  noFill();
  stroke(0);
  strokeWeight(3);
  rect(400, 0, 200, 200)
​
  noFill();
  stroke(0);
  strokeWeight(3);
  rect(400, 200, 200, 200)
​
  noFill();
  stroke(0);
  strokeWeight(3);
  rect(400, 400, 200, 200)
​
  // for the first (0,0), (200,0) (0,200) (200,200) 
​
  //POSTER NO 1 
  
  
​
  fill("black");
  noStroke();
  rect(0, 165, 200, 35)
  rect(0, 0, 25, 25)
​
  fill("#6CA6CD");
  noStroke();
  ellipse(100, 165, 70, 70)
​
  fill("red");
  noStroke();
  ellipse(100, 50, 50, 50)
​
​
  // POSTER NO 1 INSIDE GRID SYSTEM
​
  stroke(0);
  strokeWeight(1);
  line(0, 165, 200, 165)
​
  stroke(0);
  strokeWeight(1);
  line(100, 0, 100, 200)
​
  stroke(0);
  strokeWeight(1);
  line(25, 0, 25, 200)
​
  stroke(0);
  strokeWeight(1);
  line(175, 0, 175, 200)
​
  stroke(0);
  strokeWeight(1);
  line(0, 100, 200, 100)
​
  stroke(0);
  strokeWeight(1);
  line(0, 25, 200, 25)
​
  stroke(0);
  strokeWeight(1);
  line(75, 50, 125, 50)
​
  fill("#FFB347");
  noStroke();
  ellipse(25, 100, 35, 35)
​
  //POSTER NO2
  
  stroke(0);
  strokeWeight(1);
  line(225, 15, 375, 15)
​
  stroke(0);
  strokeWeight(1);
  line(250, 15, 250, 175)
​
  stroke(0);
  strokeWeight(1);
  line(300, 15, 300, 175)
​
  stroke(0);
  strokeWeight(1);
  line(350, 15, 350, 175)
​
  stroke(0);
  strokeWeight(1);
  line(250, 50, 350, 50)
​
  stroke(0);
  strokeWeight(1);
  line(250, 100, 350, 100)
​
  stroke(0);
  strokeWeight(1);
  line(250, 150, 350, 150)
​
  fill("#FFB347");
  noStroke();
  arc(250, 50, 45, 45, 0, PI + HALF_PI)
​
  fill("black");
  noStroke();
  arc(250, 50, 45, 45, PI + HALF_PI, TWO_PI)
​
  fill("black");
  noStroke();
  ellipse(350, 50, 45, 45)
​
  fill("black");
  noStroke();
  ellipse(250, 100, 35, 35)
​
  fill("#6CA6CD");
  noStroke();
  ellipse(350, 100, 35, 35)
​
  fill("#6CA6CD");
  noStroke();
  ellipse(250, 150, 45, 45)
​
  fill("red");
  noStroke();
  ellipse(350, 150, 35, 35)
​
  fill("red");
  noStroke();
  ellipse(300, 150, 35, 35)
​
  
  fill("#FFB347");
  noStroke();
  ellipse(300, 100, 45, 45)
  
  // POSTER NO 3
  
  // CREATE LINES TO MAKE IT EASIER
  
  //stroke(0);
  //strokeWeight(1);
  //line(450, 0, 450, 200);
  //line(500, 0, 500, 200);
  //line(550,0 , 550, 200);
  //line(400, 40, 600, 40);
  //line(400, 80, 600, 80);
  //line(400, 120, 600, 120);
  //line(400, 160, 600, 160);
  
  //1
  
  //FIRST  
  
  fill("#D1C66D");
  noStroke();
  arc(423, 20, 31, 31, PI, PI + HALF_PI)
  
  fill("#D1C66D");
  noStroke();
  arc(423, 20, 31, 31, PI/2, 3*PI)
  
  fill("#D1C66D");
  noStroke();
  arc(427, 20, 31, 31, PI + HALF_PI, TWO_PI)
  
  fill("#D1C66D");
  noStroke();
  arc(427, 20, 31, 31, 0, HALF_PI)
  
  //SECOND 
  
  fill("#E3DB8F");
  noStroke();
  arc(475, 5, 31, 31, 0, HALF_PI)
  
  fill("#E3DB8F");
  noStroke();
  arc(475, 5, 31, 31, HALF_PI, PI)
  
  fill("#E3DB8F");
  noStroke();
  arc(475, 37, 31, 31, PI + HALF_PI, 2*PI)
  
  fill("#E3DB8F");
  noStroke();
  arc(475, 37, 31, 31, PI,PI + HALF_PI)
  
  // THIRD 
  
  fill("#F1E7A1");
  noStroke();
  arc(507, 20, 31, 31, 0, HALF_PI)
  
  fill("#F1E7A1");
  noStroke();
  arc(507, 20, 31, 31, PI + HALF_PI, TWO_PI)
  
  fill("#F1E7A1");
  noStroke();
  arc(543, 20, 31, 31, PI, PI + HALF_PI)
  
  fill("#F1E7A1");
  noStroke();
  arc(543, 20, 31, 31, PI/2, 3*PI)
  
// FOURTH 
  
  fill("#FFFFB3");
  noStroke();
  arc(557, 20, 31, 31, 0, HALF_PI)
  
  fill("#FFFFB3");
  noStroke();
  arc(557, 20, 31, 31, PI + HALF_PI, TWO_PI)
  
  fill("#FFFFB3");
  noStroke();
  arc(593, 20, 31, 31, PI, PI + HALF_PI)
  
  fill("#FFFFB3");
  noStroke();
  arc(593, 20, 31, 31, PI/2, 3*PI)
  
​
//2
​
  //FIRST  
  
  fill("#FF6347");
  noStroke();
  arc(443, 60, 31, 31, PI, PI + HALF_PI)
  
  fill("#FF6347");
  noStroke();
  arc(443, 60, 31, 31, PI/2, 3*PI)
  
  fill("#FF6347");
  noStroke();
  arc(407, 60, 31, 31, PI + HALF_PI, TWO_PI)
  
  fill("#FF6347");
  noStroke();
  arc(407, 60, 31, 31, 0, HALF_PI)
  
  //SECOND 
  
  fill("#FF8C00");
  noStroke();
  arc(493, 60, 31, 31, PI, PI + HALF_PI)
  
  fill("#FF8C00");
  noStroke();
  arc(493, 60, 31, 31, PI/2, 3*PI)
  
  fill("#FF8C00");
  noStroke();
  arc(457, 60, 31, 31, PI + HALF_PI, TWO_PI)
  
  fill("#FF8C00");
  noStroke();
  arc(457, 60, 31, 31, 0, HALF_PI)
  
  // THIRD 
  
  fill("#FFA04B");
  noStroke();
  arc(525, 45, 31, 31, 0, HALF_PI)
  
  fill("#FFA04B");
  noStroke();
  arc(525, 45, 31, 31, HALF_PI, PI)
  
  fill("#FFA04B");
  noStroke();
  arc(525, 77, 31, 31, PI + HALF_PI, 2*PI)
  
  fill("#FFA04B");
  noStroke();
  arc(525, 77, 31, 31, PI,PI + HALF_PI)
  
// FOURTH 
  
  fill("#FFAA5B");
  noStroke();
  arc(575, 45, 31, 31, 0, HALF_PI)
  
  fill("#FFAA5B");
  noStroke();
  arc(575, 45, 31, 31, HALF_PI, PI)
  
  fill("#FFAA5B");
  noStroke();
  arc(575, 77, 31, 31, PI + HALF_PI, 2*PI)
  
  fill("#FFAA5B");
  noStroke();
  arc(575, 77, 31, 31, PI,PI + HALF_PI)
  
  //3
  
  //FIRST 
  
  fill("#8B0000");
  noStroke();
  arc(425, 85, 31, 31, 0, HALF_PI)
  
  fill("#8B0000");
  noStroke();
  arc(425, 85, 31, 31, HALF_PI, PI)
  
  fill("#8B0000");
  noStroke();
  arc(425, 117, 31, 31, PI + HALF_PI, 2*PI)
  
  fill("#8B0000");
  noStroke();
  arc(425, 117, 31, 31, PI,PI + HALF_PI)
  
  //SECOND 
  
  fill("#B22222");
  noStroke();
  arc(493, 100, 31, 31, PI, PI + HALF_PI)
  
  fill("#B22222");
  noStroke();
  arc(493, 100, 31, 31, PI/2, 3*PI)
  
  fill("#B22222");
  noStroke();
  arc(457, 100, 31, 31, PI + HALF_PI, TWO_PI)
  
  fill("#B22222");
  noStroke();
  arc(457, 100, 31, 31, 0, HALF_PI)
  
  //THIRD 
  
  fill("#DC143C");
  noStroke();
  arc(543, 100, 31, 31, PI, PI + HALF_PI)
  
  fill("#DC143C");
  noStroke();
  arc(543, 100, 31, 31, PI/2, 3*PI)
  
  fill("#DC143C");
  noStroke();
  arc(507, 100, 31, 31, PI + HALF_PI, TWO_PI)
  
  fill("#DC143C");
  noStroke();
  arc(507, 100, 31, 31, 0, HALF_PI)
  
  //FOURTH 
  
    fill("#FF6347");
  noStroke();
  arc(575, 85, 31, 31, 0, HALF_PI)
  
  fill("#FF6347");
  noStroke();
  arc(575, 85, 31, 31, HALF_PI, PI)
  
  fill("#FF6347");
  noStroke();
  arc(575, 117, 31, 31, PI + HALF_PI, 2*PI)
  
  fill("#FF6347");
  noStroke();
  arc(575, 117, 31, 31, PI,PI + HALF_PI)
  
  //4
  
  //FIRST  
  
  fill("#527A9D");
  noStroke();
  arc(443, 140, 31, 31, PI, PI + HALF_PI)
  
  fill("#527A9D");
  noStroke();
  arc(443, 140, 31, 31, PI/2, 3*PI)
  
  fill("#527A9D");
  noStroke();
  arc(407, 140, 31, 31, PI + HALF_PI, TWO_PI)
  
  fill("#527A9D");
  noStroke();
  arc(407, 140, 31, 31, 0, HALF_PI)
  
  //SECOND
  
  fill("#7298B8");
  noStroke();
  arc(473, 140, 31, 31, PI, PI + HALF_PI)
  
  fill("#7298B8");
  noStroke();
  arc(473, 140, 31, 31, PI/2, 3*PI)
  
  fill("#7298B8");
  noStroke();
  arc(477, 140, 31, 31, PI + HALF_PI, TWO_PI)
  
  fill("#7298B8");
  noStroke();
  arc(477, 140, 31, 31, 0, HALF_PI)
  
  // THIRD 
  
  fill("#6CA6CD");
  noStroke();
  arc(525, 125, 31, 31, 0, HALF_PI)
  
  fill("#6CA6CD");
  noStroke();
  arc(525, 125, 31, 31, HALF_PI, PI)
  
  fill("#6CA6CD");
  noStroke();
  arc(525, 157, 31, 31, PI + HALF_PI, 2*PI)
  
  fill("#6CA6CD");
  noStroke();
  arc(525, 157, 31, 31, PI,PI + HALF_PI)
  
  //FOURTH
  
  fill("#94B9D6");
  noStroke();
  arc(573, 140, 31, 31, PI, PI + HALF_PI)
  
  fill("#94B9D6");
  noStroke();
  arc(573, 140, 31, 31, PI/2, 3*PI)
  
  fill("#94B9D6");
  noStroke();
  arc(577, 140, 31, 31, PI + HALF_PI, TWO_PI)
  
  fill("#94B9D6");
  noStroke();
  arc(577, 140, 31, 31, 0, HALF_PI)
  
  //5 
  
  //FIRST
  
  fill("#5B8B5B");
  noStroke();
  arc(425, 165, 31, 31, 0, HALF_PI)
  
  fill("#5B8B5B");
  noStroke();
  arc(425, 165, 31, 31, HALF_PI, PI)
  
  fill("#5B8B5B");
  noStroke();
  arc(425, 197, 31, 31, PI + HALF_PI, 2*PI)
  
  fill("#5B8B5B");
  noStroke();
  arc(425, 197, 31, 31, PI,PI + HALF_PI)
  
  //SECOND
  
  fill("#6FA06F");
  noStroke();
  arc(475, 178, 31, 31, PI, PI + HALF_PI)
  
  fill("#6FA06F");
  noStroke();
  arc(475, 178, 31, 31, PI + HALF_PI, TWO_PI)
      
  fill("#6FA06F");
  noStroke();
  arc(475, 181, 31, 31, PI/2, 3*PI)
  
  fill("#6FA06F");
  noStroke();
  arc(475, 181, 31, 31, 0, HALF_PI)
  
  //THIRD
  
  fill("#7BBE7B");
  noStroke();
  arc(543, 180, 31, 31, PI, PI + HALF_PI)
  
  fill("#7BBE7B");
  noStroke();
  arc(543, 180, 31, 31, PI/2, 3*PI)
  
  fill("#7BBE7B");
  noStroke();
  arc(507, 180, 31, 31, PI + HALF_PI, TWO_PI)
  
  fill("#7BBE7B");
  noStroke();
  arc(507, 180, 31, 31, 0, HALF_PI)
  
  //FOURTH
  
  fill("#89C789");
  noStroke();
  arc(573, 180, 31, 31, PI, PI + HALF_PI)
  
  fill("#89C789");
  noStroke();
  arc(573, 180, 31, 31, PI/2, 3*PI)
  
  fill("#89C789");
  noStroke();
  arc(577, 180, 31, 31, PI + HALF_PI, TWO_PI)
  
  fill("#89C789");
  noStroke();
  arc(577, 180, 31, 31, 0, HALF_PI)
  
  //POSTER NO 3
  
​
  fill("orange");
  noStroke();
  rect(60, 290, 125, 40)
  
  fill("#6CA6CD");
  noStroke();
  rect(140, 330, 22, 63)
  
    fill("black");
  noStroke();
  rect(162, 330, 22, 63)
  
    fill("beige");
  noStroke();
  rect(60, 290, 20, 20)
  
  fill("orange");
  noStroke();
  rect(80, 310, 20, 83)
  
  fill("black");
  noStroke();
  rect(139, 245, 45, 45)
  
  fill("black");
  noStroke();
  rect(61, 270, 80, 20)
  
  fill("black");
  noStroke();
  rect(61, 250, 40, 20)
  
  stroke(0);
  strokeWeight(1);
  line(100, 250, 35, 250)
  
  fill("blue");
  noStroke();
  rect(100, 220, 15, 25)
  
  fill("red");
  noStroke();
  rect(100, 245, 15, 3)
​
  
  fill("red");
  noStroke();
  rect(80, 210, 20, 55)
  
  stroke(0),
  strokeWeight(2)
  line(80, 210, 80, 265)
  
  fill("red");
  noStroke();
  rect(139, 265, 25, 25)
  
​
  
  stroke(0)
  strokeWeight(2);
  line(80, 290, 80, 393)
  
  stroke(0);
  strokeWeight(1);
  line(100, 200, 100, 400)
  
  stroke(0);
  strokeWeight(1);
  line(60, 200, 60, 400)
  
  stroke(0);
  strokeWeight(1);
  line(140, 200, 140, 400)
  
  stroke(0);
  strokeWeight(1);
  line(0, 290, 200, 290)
  
  //alt çizgi
  stroke(0);
  strokeWeight(1);
  line(10, 330, 185, 330)
  
  stroke(0);
  strokeWeight(1);
  line(60, 310, 140, 310)
  
  
​
  
  fill("black");
  noStroke();
  rect(10, 290, 50, 40)
  
  fill("red");
  noStroke();
  rect(10, 330, 25, 55)
​
  fill("#6CA6CD");
  noStroke();
  rect(35, 330, 25, 55)
  
  fill("black");
  noStroke();
  rect(10, 375, 50, 18)
       
  stroke(0);
  strokeWeight(1);
  line(10, 365, 160, 365)
  
  //POSTER NO 5
  
  fill("orange");
  noStroke();
  
  rect(430, 202, 20, 60);
  rect(450, 202, 20, 60);
  rect(550, 340, 15, 50);
  rect (565, 340, 15, 50);
  
  fill("#6CA6CD")
  noStroke();
  
  rect(430, 260, 20, 60);
  rect(450, 260, 20, 60);
  rect(550, 202, 20, 120);
  rect(510, 340, 20, 50);
  
  fill("red");
  noStroke();
  
  rect(420, 340, 20, 50);
  rect(490, 260, 20, 60);
  rect(510, 260, 20, 60);
  rect(530, 260, 20, 60);
  
  fill("black");
  noStroke();
  
  rect(440, 340, 30, 50);
  rect(470, 260, 20, 60);
  rect(510, 202, 20, 60);
  rect(530, 340, 20, 50);
  
  fill("white");
  noStroke();
  
  rect(470, 202, 10, 60);
  rect(480, 202, 10, 60);
  rect(490, 202, 10, 60);
  rect(500, 202, 10, 60);
  rect(490, 340, 20, 50)
  
  //lines
  
  stroke(0);
  strokeWeight(1);
  
  line(430, 200, 430, 320);
  line(450, 200, 450, 340);
  line(470, 200, 470, 390);
  line(490, 260, 490, 390);
  line(510, 200, 510, 390);
  line(530, 200, 530, 390);
  line(550, 200, 550, 320);
  line(570, 200, 570, 320);
  line(420, 240, 580, 240);
  line(420, 290, 580, 290);
  line(420, 340, 450, 340);
  line(530, 340, 580, 340);
  line(420, 340, 420, 390);
  line(580, 340, 580, 390);
  line(580, 340, 580, 390);
  line(420, 390, 580, 390);
  line(440, 340, 440, 390);
  line(550, 340, 550, 390);
  line(565, 340, 565, 390);
  line(480, 200, 480, 262);
  line(490, 200, 490, 262);
  line(500, 200, 500, 262)
  
  //POSTER NO 6
  
  stroke(0);
  strokeWeight(1);
  line(30, 420, 30, 530);
  line(50, 420, 50, 550);
  line(70, 420, 70, 570);
  line(120, 420, 120, 570);
  line(140, 420, 140, 550);
  line(160, 420, 160, 530);
  
​
​
  
  fill("#6FA06F");
  noStroke();
  rect(40, 470, 60, 60);
  arc(100, 470, 80, 80, PI + HALF_PI, TWO_PI)
    stroke(0);
    strokeWeight(1);
    rect(170, 450, 15, 90)
  
  fill("#6CA6CD");
  noStroke();
  rect(100, 470, 60, 60);
  rect(100, 470, 10, 30);
  arc(100, 530, 80, 80, PI/2, 3*PI)
    stroke(0);
    strokeWeight(1);
    rect(15, 450, 15, 90)
    
  fill("black");
  noStroke();
  rect(70, 470, 30, 30);
  rect(110, 470, 20, 30);
  rect(70, 500, 20, 30);
  rect(110, 500, 20, 30);
  
  fill("orange");
  noStroke();
  rect(90, 500, 10, 30);
  arc(100, 470, 80, 80, PI, PI + HALF_PI)
  
  fill("red");
  noStroke();
  rect(100, 500, 10, 30)
  arc(100, 530, 80, 80, 0, HALF_PI)
  
  stroke(0);
  strokeWeight(1);
  
  line(20, 420, 180, 420);
  line(30, 500, 170, 500);
  line(100, 420, 100, 580);
  line(100, 470, 130, 470);     
  
  fill("black");
  stroke(0);
  strokeWeight(1);
  arc(40, 500, 60, 60, PI, PI + HALF_PI)
  arc(40, 500, 60, 60, PI + HALF_PI, TWO_PI)
    arc(160, 500, 60, 60, 0, HALF_PI)
    arc(160, 500, 60, 60, PI/2, 3*PI)
  
  
  
  fill("white");
  stroke(0);
  strokeWeight(1);
  arc(40, 500, 60, 60, 0, HALF_PI)
  arc(40, 500, 60, 60, PI/2, 3*PI)
    arc(160, 500, 60, 60, PI, PI + HALF_PI)
    arc(160, 500, 60, 60, PI + HALF_PI, TWO_PI)
​
  //POSTER NO 7
  
  stroke(0);
  strokeWeight(1),
  
  line(300, 410, 300, 580);
  line(260, 410, 340, 410);
  line(280, 580, 320, 580);
  line(260, 410, 260, 580);
  line(340, 410, 340, 580);
  line(220, 430, 380, 430);
  line(220, 430, 220, 560);
  line(380, 430, 380, 560);
  line(240, 430, 240, 570);
  line(360, 430, 360, 570);
  line(210, 550, 390, 550);
  line(290, 420, 310, 420);
  
  stroke(0);
  strokeWeight(2);
  line(210, 480, 390, 480);
  line(210, 510, 390, 510);
  line(210, 550, 390,550)
  
    fill("red");
  noStroke();
  rect(240, 490, 10,80)
  
  fill("orange");
  noStroke();
  rect(340, 490, 10, 50)
  
  
  
  fill("black");
  noStroke();
  rect(220, 460, 160, 20);
  rect(300, 500, 20, 40);
  
  fill("orange");
  noStroke();
  rect(280, 480, 20, 55);
  
  fill("#6CA6CD");
  noStroke();
  rect(300, 460, 20,20);
  rect(300, 540, 20, 30);
  
  fill("red");
  noStroke();
  ellipse(300, 460, 60, 60)
  
  fill("black");
  noStroke();
  ellipse(300, 555, 30, 30)
  
  fill("#6FA06F");
  noStroke();
  ellipse(240, 510, 30,30)
  ellipse(360, 550, 20, 20)
  
  fill("#6CA6CD");
  noStroke();
  ellipse(240, 550, 20, 20);
  ellipse(360, 510, 30, 30)
    
//poster no 8
  
  fill("#6CA6CD");
  noStroke();
  
  rect(470, 400, 70, 70);
  rect(470, 535, 35,32);
  
  
  fill("red");
  noStroke();
  
  rect(470, 490, 70, 10);
  rect(470, 570, 70, 30);
  
  fill("white");
  noStroke();
  
  rect(470, 500, 70, 10);
  ellipse(505, 435, 40, 40);
  
  fill("black");
  noStroke();
  
  rect(450, 480, 20, 30);
  rect(425, 490, 23, 20);
  ellipse(560, 470, 60, 60);
  
  fill("orange");
  noStroke();
  
  rect(425, 470, 23, 20);
  rect(450, 510, 20, 40);
  rect(505, 510, 35, 50);
  rect(470, 560, 70, 10)
  
  stroke(0);
  strokeWeight(1);
  
  line(425, 400, 425, 600);
  line(450, 400, 450, 600);
  line(400, 415, 470, 415);
  line(400, 435, 470, 435);
  line(560, 400, 560, 600);
  line(580, 400, 580, 600);
  line(400, 510, 470, 510);
  line(580, 510, 600, 510);
  line(470, 490, 540, 490);
  line(470, 500, 540, 500);
  
  stroke(0);
  strokeWeight(2);
  
  line(470, 400, 470, 600);
  line(540, 400, 540, 600);
  line(400, 560, 600, 560);
​
  line(470, 510, 540, 510);
  line(505, 510, 505, 560);
  line(470, 535, 505, 535);
  line(470, 570, 540, 570);
​
  fill("#6CA6CD");
  noStroke();
  ellipse(580, 560, 20, 20);
  
  // orta poster
  
  fill("orange");
  noStroke();
  rect(230, 210, 40, 60);
  rect(220, 300, 60, 20);
  rect(340, 290, 50, 20);
  rect(300, 330, 20, 70);
  rect(310, 220, 50, 15)
  
  fill("#6CA6CD")
  noStroke();
  
  rect(280, 210, 20, 50)
  rect(255, 285, 20, 60)
  rect(340, 340, 40, 20)
  rect(235, 360, 55, 25)
  rect(330, 370, 10, 30)
​
  
    fill("red");
  noStroke();
  rect(200, 200, 60, 20);
  rect(260, 240, 30, 10),
  rect(290, 270, 30, 20);
  rect(370, 210, 30, 10);
  rect(360, 250, 20, 50);
  rect(300, 310, 40, 20);
  rect(200, 350, 50, 40);
  rect(310, 380, 60, 10)
  
  
  
  //B
  stroke("black");
  strokeWeight(4);
  
  line(210, 230, 210, 290);
  line(220, 230, 220, 290);
  line(210, 245, 250, 245);
  line(210, 275, 250, 275);
  line(210, 230, 230, 230);
  line(210, 290, 230, 290);
​
  stroke("black");
  strokeWeight(4);
  noFill(0);
  arc(220, 245, 30,30, PI + HALF_PI, TWO_PI);
  arc(230, 245, 30,30, PI + HALF_PI, TWO_PI); 
  
  arc(220, 245, 30,30, 0, HALF_PI);
  arc(230, 245, 30,30, 0, HALF_PI); 
  
  
  arc(220, 275, 30, 30, 0, HALF_PI);
  arc(230, 275, 30, 30, 0, HALF_PI);
  arc(220, 275, 30, 30, PI + HALF_PI, TWO_PI);
  arc(230, 275, 30, 30, PI + HALF_PI, TWO_PI);
  
  //A
  
  stroke("black");
  strokeWeight(4);
  
  line(280, 230, 260, 290);
  line(280, 230, 300, 290);
  line(270, 290, 290, 230);
  line(290, 230, 310, 290);
  line(265, 270, 305, 270);
  
  //U
  
  stroke("black");
  strokeWeight(4);
 
  line(320, 230, 320, 270),
  line(330, 230, 330, 270);
  line(360, 230, 360, 270);
  line(370, 230, 370, 270);
  line(345, 220, 345, 290);
  line(320, 240, 370, 240);
  
  arc(340, 270, 40, 40, PI/2, 3*PI)
  arc(340, 270, 40, 40, 0, HALF_PI)
  
  arc(350, 270, 40, 40, PI/2, 3*PI)
  arc(350, 270, 40, 40, 0, HALF_PI)
  
  
  //H
  
  stroke("black");
  strokeWeight(4);
    
  line(210, 300, 210, 360);
  line(220, 300, 220, 360);
  line(250, 300, 250, 360);
  line(260, 300, 260, 360);
  line(210, 310, 260, 310);
  line(210, 330, 260, 330);
  line(210, 350, 260, 350);
  
  //a.2
  
  stroke("black");
  strokeWeight(4);
  
  line(270, 360, 290, 300);
  line(300, 300, 280, 360);
  line(290, 300, 310, 360);
  line(300, 300, 320, 360); 
  line(275, 340, 315, 340)
  
  //u
  
  stroke("black");
  strokeWeight(4);
    
  line(320, 300, 320, 340);
  line(330, 300, 330, 340);
  line(350, 300, 350, 340);
  line(360, 300, 360, 340);
  line(340, 295, 340, 360)
  
  arc(335, 340, 30, 30, PI/2, 3*PI)
  arc(335, 340, 30, 30, 0, HALF_PI)
  
  arc(345, 340, 30, 30, PI/2, 3*PI)
  arc(345, 340, 30, 30, 0, HALF_PI)
  
  //S
  
  stroke("black");
  strokeWeight(4);
  
  //PI + HALF_PI, TWO_PI
  stroke("black");
  strokeWeight(4);
​
  arc(385, 310, 20, 20, PI + HALF_PI, TWO_PI);
  arc(375, 310, 20, 20, PI + HALF_PI, TWO_PI);
  arc(385, 340, 20, 40, PI + HALF_PI, TWO_PI);
  arc(375, 340, 20, 40, PI + HALF_PI, TWO_PI);
  
  // PI, PI + HALF_PI
  stroke("black");
  strokeWeight(4);
  arc(385, 310, 20, 20,  PI, PI + HALF_PI);
  arc(375, 310, 20, 20,  PI, PI + HALF_PI);
  
  //PI/2, 3*PI
  stroke("black");
  strokeWeight(4);
  arc(385, 310, 20, 20,  PI/2, 3*PI);
  arc(375, 310, 20, 20,  PI/2, 3*PI);
  arc(385, 350, 20, 20,  PI/2, 3*PI);
  arc(375, 350, 20, 20,  PI/2, 3*PI);
  
  //0, HALF_PI
  stroke("black");
  strokeWeight(4);
  arc(385, 340, 20, 40, 0, HALF_PI);
  arc(375, 340, 20, 40, 0, HALF_PI);
  
  // - 
  stroke("black");
  strokeWeight(2);
  line(390, 240, 390, 270),
  rect(380, 250, 20, 10);
  rect(375, 255, 20,10)
    
}