// https://www.etsy.com/ca/listing/1447171176/bauhaus-exhibition-poster-mid-century

​

let snowStorm;

function preload() {

  snowStorm = loadFont("assets/snowstorm.otf");

}

​

let yellow = "#D9AE47";

let eyeYellow = "#DCAF46";

let blue = "#336081";

let red = "#BF4D3C";

let black = "#231F20";

let creamEye = "#E9E2D2";

let cream = "#F6F3F2";

let b1 = 168;

let angle = 10;

​

function setup() {

  createCanvas(400, 600);

  noStroke();

  angleMode(DEGREES);

  frameRate(10);

}

​

function draw() {

  noStroke();

  background(cream);

​

  // back rectangle

  fill(yellow);

  rect(20, 20, 360, 450);

​

  //blue circle

  fill(blue);

  circle(200, 180, 230);

​

  // red circle

  fill(red);

  circle(200, 310, 230);

​

  // eye

  fill(creamEye);

  arc(200, 279, 208, b1, -160, -20);

  push();

  translate(400, 488);

  rotate(180);

  arc(200, 279, 208, 168, -160,-20);

  pop();

​

  // Iris

  fill(eyeYellow);

  // circle(200,245,90);

  circle(200, 245, b1 / 2);

​

  // Pupil

  fill(black);

  circle(200, 245, 45);

  circle(200, 245, b1 / 3);

​

  // BLACK Text

  textFont(snowStorm);

  textSize(40);

  text("BAUHAUS", 20, 520);

​

  textSize(20);

  text("AUSTELLUNG", 20, 545);

​

  textSize(13);

  text("SÜTTERLIN", 317, 503);

  text("BADANERSTRASSE", 280, 517);

​

  textSize(17);

  text("WEIMAR", 320, 545);

​

  // WHITE Text

  fill(cream);

  textSize(11);

  translate(-110, 205);

  rotate(-90);

  text("FUHRENO IN DER HERRENMODE", 30, 145);

  text("JUL 1-SEPT 1923", -248, 483);

​

  b1 -= sin(angle);

  angle += 4;

}

​