Poster - OpenProcessing

mySketch
xxxxxxxxxx
 
var font;
var poster; //Quelle: https://www.swissted.com/ /Mike Joyce Designer at Stereotype Design NYC
var yPos = -300;
var rad = 493;
var random;
var angle = 0;
​
function preload(){
  font = loadFont('Roboto-Medium.ttf');
  font2 = loadFont('Muli-SemiBold.ttf ');
  font3 = loadFont('Yantramanav-Bold.ttf');
  poster = loadImage('poster.png');
}
​
​
function setup() {
  createCanvas(568, 800);
  background(100);
  frameRate(30);
  
}
​
function draw() {
  
  background(100);
  rectMode(CENTER);
  translate(width/2, height/2);
  
  //Posterhintergrund
  fill(225,227,218);
  rect(0,0,570, 800);
  fill(0);
  //imageMode(CENTER);
  //image(poster, 0, 0);
  
  //Bild
  if(mouseIsPressed){
    //image(poster, -900, -900);
  }
  else{
    imageMode(CENTER);
    //image(poster, 0, 0);
  }
    
  
  //Überschrift
  textFont(font3);
  textSize(65);
  textAlign(CENTER,CENTER);
  text("lydia lunch",-130,-212);
  
  //Text
  textSize(14);
  textAlign(LEFT);
  text("two shows",-264, -363);
  text("with the wanabeast", -264, -349);
  text("only six bucks", -130,-363);
  text("at 9:30 club, a space in time", 93, -363);
  text("thursday, october 30 1986", -130, -349);
  text("930 f street nw / washington, dc", 93, -349);
  
  //Linien
  stroke(1);
  strokeWeight(3);  
  line(-285,-240, 285,-240);
  line(-285,-376, 285,-376);
  strokeWeight(1);
  fill(0);
  noStroke();
  
  //Punkte
  
  for(var i = 0; i < 10; i++){
    for(var j = 0; j < 9; j++){
      if(yPos < 140 || mouseIsPressed || rad > 493){
        var r = (sin(angle + PI/2) * 5);
        angle += random(0.002);
      }
      else{
        r = 0;
      }
      if(j==0){
        ellipse(-274+i*61, -137, 20+j*7+r, 20+j*7+r);
      }
      if(j==1){
        ellipse(-274+i*61, -135+j*61, 20+j*7+r, 20+j*7+r);
      }
      if(j==2){
        ellipse(-274+i*61, -134+j*61, 20+j*7+r, 20+j*7+r);
      }
      if(j==3){
        ellipse(-274+i*61, -132+j*61, 19+j*7+r, 19+j*7+r);
      }
      if(j==4){
        ellipse(-274+i*61, -130+j*61, 19+j*7+r, 19+j*7+r);
      }
      if(j==5){
        ellipse(-274+i*61, -130+j*61, 18+j*7+r, 18+j*7+r);
      }
      if(j==6){
        ellipse(-274+i*61, 237, j*10+r, j*10+r);
        
      }
      if(j==7){
        ellipse(-274+i*61, 299, j*9.8+r, j*9.8+r);
        
      }
      if(j==8){
        ellipse(-273+i*61, 364, j*9.5+r, j*9.5+r);
        
      }
    } 
  }
  
  
  
  //Sonne
​
  blendMode(ADD);
  //print(yPos);
  fill(253,176,42);
  yPos = yPos+5;
​
  
  if(yPos<140){
      //print(yPos);
    ellipse(61,yPos, rad,rad);
  }
    else{
      ellipse(61,140,rad,rad);
  }
    
  if(mouseIsPressed){
    rad = rad+10;
    //print('mousePressed');
  }
  else{
    if(rad > 493){
      rad = rad-10;
    }
  }
  
  blendMode(BLEND);
  
}
​
//reset 
​
function keyPressed(){
  if(keyCode === 32){
    //print("hallO");
    yPos = -300;
    draw();
  }
  return false;
}