function preload() {

  fontExtraBold = loadFont('assets/Identidad-ExtraBold.otf');

  fontExtraBoldItalic = loadFont('assets/Identidad-ExtraBoldItalic.otf');

  fontExtraLight = loadFont('assets/Identidad-ExtraLight.otf');

   fontExtraLightItalics = loadFont ('assets/Identidad-ExtraLightItalic.otf'); 

}

​

function setup() {

  createCanvas(600, 850);

}

​

function draw() {

  background(252, 186, 3);

  textAlign(CENTER);

  textFont(fontExtraBold);

  textSize(100);

  stroke(255)

  fill(255)

  text("H", 300, 550);

  textAlign(CENTER);

  textFont(fontExtraLightItalics);

  textSize(25);

  text("Yes This Is A Poster", 300, 600);

  textAlign(CENTER);

  textFont(fontExtraLightItalics);

  textSize(10);

  text("Oh Yes This Is A Poster", 300, 30);

​

  textAlign(CORNER);

  textFont(fontExtraLightItalics);

  textSize(10);

  text("I Don't Know What Else To Tell Ya", 25, 825);

  textAlign(CORNER);

  textFont(fontExtraLightItalics);

  textSize(10);

  text("Seriously, this is a poster!", 450, 825);

  //rectMode(CENTER) ; 

  //rect(300,425,500,700);

  //fill(0);

  //strokeWeight(1);

  //stroke(4, 0, 255);

  //top right//

  rect(420,250,20,50);

  rect(395,235,30,20);

  rect(370,210,20,30);

  rect(360,185,40,20);

  //top left//

  rect(185,250,20,50);

  rect(200,235,30,20);

  rect(225,210,20,30);

  rect(238,185,45,20);

  //bottom left//

  rect(185,350,20,50);

  rect(200,365,30,20);

  rect(225,390,20,30);

  rect(238,415,45,20);

  //bottom right//

  rect(365,415,45,20);

  rect(378,390,20,30);

  rect(403,365,30,20);

  rect(420,350,20,50);

  //this is the middle//

  rectMode(CENTER);

  noStroke(0)

  rect(300,225,75,10);

  rect(300,235,100,10);

  rect(300,245,120,10);

  rect(300,265,140,30);

  rect(300,300,160,50);

  rect(300,340,140,30);

  rect(300,360,120,10);

  rect(300,370,100,10);

  rect(300,380,75,10);

function keyPressed() {

  if (key === "f" || key === "F") {

    let fs = fullscreen();

    fullscreen(!fs);

  } else if (key === "s" || key === "S") {

    saveCanvas("myCanvas", "png");

  }

}

  function enterFullscreen() {

  var fs = fullscreen();

  if (!fs) {

    fullscreen(true);

  }

}

​

/* full screening will change the size of the canvas */

function windowResized() {

  resizeCanvas(windowWidth, windowHeight);

}

}