Cover/Postkarte - OpenProcessing

mySketch
xxxxxxxxxx
 
var cover;
var berlin;
​
function preload() {
  cover = loadImage("cover.jpg");
  berlin = loadFont("Poppins-SemiBold.ttf");
  
}
​
function setup() {
  createCanvas(windowWidth, windowHeight);
  background(100);
  frameRate(8);
  
}
​
​
function draw() {
  background(100);
  translate(width/2, height/2);
    fill(225,27,68);
  noStroke();
  rect(0, 0, 618.56, 800);
  rectMode(CENTER);
  
  if(mouseIsPressed){
  var ran;
  ran = 800- random (380,700);
  rectMode (CENTER);
    fill(255);
      rect (-284.75, ran, 49.5, 634.287);
      rect (-222.75, 20.5+ran, 49.5, 593.287);
      rect (-158.25, 10.25+ran, 49.5, 613.787); 
      rect (-93.75, 50.009+ran, 49.5, 534.287);
      rect (-31.25, 20.5+ran, 49.5, 593.287); 
      rect (34.25, 41.5+ran, 49.5, 551.287);
      rect (98.75, 31+ran, 49.5, 572.287);
      rect (159.75, 71+ran, 49.5, 492.287);
      rect (223.25, 96.75+ran, 49.5, 440.787);
      rect (284.75, 130.25+ran, 49.5, 373.787); 
  
    textAlign(CENTER, CENTER);
    fill(0)
    textFont (berlin);
    textSize (82);
    text("B", -33, -242-85+ran);
  
  textAlign(CENTER, CENTER);
    fill(0)
    textFont (berlin);
    textSize (82);
    text("E", 34, -203-85+ran);
  
  textAlign(CENTER, CENTER);
    fill(0)
    textFont (berlin);
    textSize (82);
    text("R", 97, -220-85+ran);
  
    textAlign(CENTER, CENTER);
    fill(0)
    textFont (berlin);
    textSize (82);
    text("L", 157, -142-85+ran);
  
  textAlign(CENTER, CENTER);
    fill(0)
    textFont (berlin);
    textSize (82);
    text("I", 223, -90-85+ran);
  
  textAlign(CENTER, CENTER);
    fill(0)
    textFont (berlin);
    textSize (82);
    text("N", 285, -25-85+ran);
    
  }
  
  else{ 
    textAlign(CENTER, CENTER);
    fill(0)
    textFont (berlin);
    textSize (82);
    text("B", -33, -242);
  
  textAlign(CENTER, CENTER);
    fill(0)
    textFont (berlin);
    textSize (82);
    text("E", 34, -203);
  
  textAlign(CENTER, CENTER);
    fill(0)
    textFont (berlin);
    textSize (82);
    text("R", 97, -220);
  
    textAlign(CENTER, CENTER);
    fill(0)
    textFont (berlin);
    textSize (82);
    text("L", 157, -142);
  
  textAlign(CENTER, CENTER);
    fill(0)
    textFont (berlin);
    textSize (82);
    text("I", 223, -90);
  
  textAlign(CENTER, CENTER);
    fill(0)
    textFont (berlin);
    textSize (82);
    text("N", 285, -25);
​
  rectMode (CENTER);
    fill(255);
      rect (-284.75, 83.643, 49.5, 634.287);
      rect (-222.75, 104.143, 49.5, 593.287);
      rect (-158.25, 93.893, 49.5, 613.787);
      rect (-93.75, 133.643, 49.5, 534.287);
      rect (-31.25, 104.143, 49.5, 593.287);  
      rect (34.25, 125.143, 49.5, 551.287);
      rect (98.75, 114.643, 49.5, 572.287);
      rect (159.75, 154.643, 49.5, 492.287);
      rect (223.25, 180.393, 49.5, 440.787);
      rect (284.75, 213.893, 49.5, 373.787);  
  }
    
  
  /*
  if(mouseIsPressed){
    imageMode(CENTER);  
    image(cover, 0, 0, 618.557, 800);
  }
  else{
    imageMode(CENTER);
    image(cover, -900, -900);
  } 
  */
  
}