Semesterarbeit - OpenProcessing

mySketch
xxxxxxxxxx
 
//var cover;
var fira;
var counter = 1;
​
function preload() {
  //cover = loadImage("Huhn.png");
  fira = loadFont("Roboto-Regular.ttf");
  
}
​
function setup() {
  createCanvas(900,850);
  background(100);
  frameRate(25);
​
}
​
function draw() {
  if(counter < 75)
  {
    counter = counter + 1;
  }
if(counter == 75)
  {
    counter= 0;
  }
  println(counter);
​
  //image(cover,0,0);
  
  push();
  fill(255,255,255);
  translate(0,3);
  rect(0,0,570,850);
  pop();
  
  push();
  textSize(64); //Textgröße
  //textAlign(CENTER, CENTER); // Text steht exakt mittig
  text("Design for Children", width/70, height/8.5);    // Was geschrieben werden soll und an welcher Position es steht
  pop();
  
  push();
  textSize(15); //Textgröße
  //textAlign(CENTER, CENTER); // Text steht exakt mittig
  text("19.October-25.November | 1993", width/70, height/30);     // Was geschrieben werden soll und an welcher Position es steht
  pop();
  
  push();
  textSize(15); //Textgröße
  //textAlign(CENTER, CENTER); // Text steht exakt mittig
  text("The Thorold Gallery", width/2.1, height/30);    // Was geschrieben werden soll und an welcher Position es steht
  pop();
  
  
  
  // 01 unten links
  push();
  
  fill(197,46,61);
  if(mouseIsPressed)
  { fill(0,5,255);
  }
  translate(15, 712);
  triangle(0, 0, 125, 0, 125, 125);
  pop();
  
  // 02 unten links
  push();
  
  fill(197,46,61);
  if(mouseIsPressed)
  { fill(0,5,255);
  }
  translate(153, 712);
  triangle(0, 0, 125, 0, 125, 125);
  pop();
  
  // 02 unten rechts
  push();
  
  fill(197,46,61);
  if(mouseIsPressed)
  { fill(56,214,19);
  }
  translate(286, 712);
  rect(0,0,125,125);
  pop();
  
  // 02 mitte links
  push();
  
  fill(197,46,61);
  if(mouseIsPressed)
  { fill(56,214,19);
  }
  translate(16, 575);
  rect(0,0,125,125);
  pop();
  
  // 02 mitte Rechteck
  push();
  
  fill(197,46,61);
  if(mouseIsPressed)
  { fill(56,214,19);
  }
  translate(153, 575);
  rect(0,0,258,125);
  pop();
  
  // 03 mitte links
  push();
  
  fill(197,46,61);
  if(mouseIsPressed)
  { fill(0,5,255);
  }
  translate(152,439);
  triangle(0, 125, 125, 0, 125, 125);
  pop();
  
  // 04 mitte links außen
  push();
  
  fill(197,46,61);
  if(mouseIsPressed)
  { fill(0,5,255);
  }
  translate(18,439);
  triangle(0, 125, 125, 0, 125, 125);
  pop();
  
  // 05 oben links
  push();
  
  fill(197,46,61);
  if(mouseIsPressed)
  { fill(0,5,255);
  }
  translate(152,305);
  triangle(0, 125, 125, 0, 125, 125);
  pop();
  
    // 06 oben rechts
  push();
  
  fill(197,46,61);
  if(mouseIsPressed)
  { fill(0,5,255);
  }
  translate(292,305);
  triangle(0, 125, 125, 0, 125, 125);
  pop();
  
  // 07 ganz oben
  push();
  
  fill(197,46,61);
  if(mouseIsPressed)
  { fill(0,5,255);
  }
  translate(292,168);
  triangle(0, 0, 125, 125, 0, 125);
  pop();
  
  // 03 rechts oben
  push();
  
  fill(254,84,58);
  if(mouseIsPressed)
  { fill(0,5,255);
  }
  translate(425,443);
  triangle(0, 0, 125, 125, 0, 125);
  pop();
  
  // 03 rechts unten
  push();
  
  fill(254,84,58);
  if(mouseIsPressed)
  { fill(0,5,255);
  }
  translate(425,577);
  triangle(0, 0, 125, 0, 0, 125);
  pop();
  
  // 03 Kreis
  push();
    
  fill(16,20,23);
  
  translate(351,504);
  if(counter > 50 && counter < 68){
    
  ellipse(0, 0, 120,map(counter,50,67,120,20));
  }
  if(counter > 67 && counter < 75)
  {
    ellipse(0, 0, 120,map(counter,68,75,20,120));
  }
  if(counter < 50)
  {
    ellipse(0, 0, 120,120);
  }
  pop();
  
  
  //text(mouseX + " " + mouseY, 20, 20);
  
}