VintagePlakatV2

var cover;

var regular;

var extrabold;

var italic;

var bolditalic;

var vier;

​

function preload(){

  cover = loadImage("Cover.jpg");

  regular = loadFont("FiraSans-Regular.ttf");

  extrabold = loadFont("FiraSans-ExtraBold.ttf");

  italic = loadFont("FiraSans-Italic.ttf");

  bolditalic = loadFont("FiraSans-BoldItalic.ttf");

}

  function setup() {

  createCanvas(windowWidth, windowHeight);

  background(100);

​

}

​

function draw() {

  var a = map(sin (millis()/1000), -1, 1, -0.3, 0.3);

  background(255);

  noStroke();

  //QuadratOrange

  fill(244, 113, 33);

  quad(507, 224, 1368, 224, 1368, 1020, 507, 1020);

  //Quadrat

  fill(30, 60, 112);

  quad(130, 224, 507, 224, 507, 1020, 130, 1020);

  //Links1

  push();

  fill(29, 67, 129);

  translate(a*50, 0);

  quad(370, 343, 828, 343, 572, 662, 130, 662);

  quad(130, 662, 572, 662, 828, 1020, 370, 1020);

  pop();

  //Links2

  push();

  fill(0, 93, 154);

  translate(a*100, 0);

  quad(619, 471, 990, 471, 782, 730, 425, 730);

  quad(425, 730, 782, 730, 990, 1020, 619, 1020);

  pop();

​

  //Links3

  fill(24, 132, 179);

  quad(828, 579, 1135, 579, 977, 792, 669, 792);

  quad(669, 792, 977, 792, 1135, 1020, 828, 1020);

  //Links4

  push();

  translate(0, vier*300);

  fill(77, 176, 208);

  quad(993, 660, 1234, 660, 1090, 816, 863, 816);

  quad(863, 816, 1090, 816, 1234, 1020, 993, 1020);

  pop();

​

  vier = 0;

  var pc = get(mouseX,mouseY);

  print(pc[0]);

  if (pc[0]==77 && pc[1]==176 && pc[2]==208 && pc[3]==255){

    vier = map(sin (millis()/1000), -1, 1, -0.3, 0.3);;

  }

  else {vier = 0;}

  print(vier);

  textFont(regular);

  textSize(100);

  fill(244, 113, 33);

  textAlign(CENTER, CENTER);

  text("un", 458, 297);

  textFont(extrabold);

  textSize(100);

  fill(30, 60, 112);

  textAlign(CENTER, CENTER);

  text("ivers", 614, 297);  

  textFont(italic);

  fill(255, 255, 255);

  textAlign(LEFT, BASELINE);

  textSize(15);

  text("abcdefghijklmnopqrstuvwxyz", 130+a*200, 828);

  textFont(bolditalic);

  fill(77, 176, 208);

  textAlign(LEFT, BASELINE);

  textSize(32);

  text("ABCDEFGHIJKLMNOPQRSTUVWXYZ", 330+a*200, 828);

  textFont(regular);

  fill(178, 222, 235);

  textAlign(LEFT, BASELINE);

  textSize(21);

  text("abcdefghijklmnopqrstuvwxyz", 818+a*200, 828);

  textFont(extrabold);

  fill(255, 255, 255);

  textAlign(LEFT, BASELINE);

  textSize(19,5);

  text("abcdefghijklmnopqrstuvwxyz", 1100+a*200, 828);

​

  textFont(regular);

  textAlign(LEFT, BASELINE);

  fill(244, 113, 33);

  textSize(6,8);

  //for(i=372; i<620; i+=18){

  text("                                 Univers,", 375, 372);

  fill(255, 255, 255);

  text("With the design of               ,", 375, 372);   

  text("Adrian Frutiger initiated", 375, 390);    

  text("a trend toward larger", 375, 408);    

  text("x-heights. All strokes within", 375, 426);    

  text("each letter contrast in", 375, 444);

  text("width only slightey, but", 375, 462);

  text("the severe geometry of the", 375, 480);

  text("mordern sans serif was replaced", 375, 498);    

  text("with optical sublety. Other", 375, 516);    

  text("distinguishing characteristics", 375, 534);

  text("include flat terminals in", 375, 552);

  text("letters such as a, c,", 375, 570);

  text("and e; slightly squared", 375, 588);

  text("appearance as seen in the", 375, 605);

  text("letter O; square dots on the i and", 375, 623);

  text("j; and an angled ascender on", 375, 641);

  text("the t. The arm and leg of", 375,659);

  text("the K join at a single junction,", 375, 677);

  text("and the G has no spur.", 375, 695);

​

  translate(-618, -400);

  //image(cover, windowWidth/2, windowHeight/2);

  print(mouseX);

  print(mouseY);

}