02.03 Wer wird Milliardär?

mySketch
xxxxxxxxxx
 
// Preload
function preload()
{
  Hintergrund = loadImage('https://i.imgur.com/g2v1neT.png');
}
​
// canvas und farben
function setup()
{
  createCanvas(1400,700);
  image(Hintergrund,0,0, 1400, 700);
  Zähler = 0;
  frameRate(1);
  dunkelblau = color(73, 57, 219);
  orange = color(255, 150, 56);
  grün = color(123, 255, 114);
  rot = color(255, 6, 1);
  farbeA = dunkelblau;
  farbeB = dunkelblau;
  farbeC = dunkelblau;
  farbeD = dunkelblau;
}
​
//Fragefelder-Funktionen
function fragefeld(FrageX,FrageY, Antworttext)
{
  beginShape();
    vertex(FrageX, FrageY);
    vertex(FrageX+100, FrageY-25);
    vertex(FrageX+350, FrageY-25);
    vertex(FrageX+450, FrageY);
    vertex(FrageX+350, FrageY+25);
    vertex(FrageX+100, FrageY+25);
  endShape(CLOSE);
  fill(255, 255, 255);
  noStroke();
  text (Antworttext, FrageX+140, FrageY+7);
}
​
function fragefeldObenLinks(farbeA)
{
  stroke(89, 139, 255);
  fill(farbeA);
  fragefeld(200, 550, 'A:   Donald Trump');
}
​
function fragefeldObenRechts(farbeB)
{
  stroke(89, 139, 255);
  fill(farbeB);
  fragefeld(750, 550, 'B:   Delphine Seyrig');    
}
​
function fragefeldUntenLinks(farbeC)
{
  stroke(89, 139, 255);
  fill(farbeC);
  fragefeld(200, 625, 'C:   Helge Schneider');  
}
​
function fragefeldUntenRechts(farbeD)
{
  stroke(89, 139, 255);
  fill(farbeD);
  fragefeld(750, 625, 'D: Konrad Wolf');
}
​
//Hintergrund
function draw() 
{
  strokeWeight(5);
  stroke(89, 139, 255);
  textSize(20);
  fill (dunkelblau);
  line(0, 450, 1400, 450);
  beginShape();
    vertex(200, 450);
    vertex(300, 400);
    vertex(1100, 400);
    vertex(1200, 450);
    vertex(1100, 500);
    vertex(300, 500);
  endShape(CLOSE);
  line(0, 550, 1400, 550);
  line(0, 625, 1400, 625);
  noStroke();
  fill(255, 255, 255);
  text('Nach wem ist die Filmuniversität Babelsberg benannt?', 500, 457);
  
  // Leider habe ich ohne den Zähler und frameRate(1) keine Verzögerung hinbekommen. Sowas ist in p5 wohl eigentlich nicht vorgesehen.
  fragefeldObenLinks(farbeA);
  fragefeldObenRechts(farbeB);
  fragefeldUntenLinks(farbeC);
  fragefeldUntenRechts(farbeD);
  if(Zähler == 1) 
  {
    farbeA = rot;
  }
  else if(Zähler == 2)
  {
    farbeB = rot;
  }
  else if(Zähler == 3)
  {
    farbeC = rot;
  }
  else if(Zähler == 5)
  {
    frameRate(60);
    textSize(random(50, 150));
    geld = ['?', '?', '?', '?', '?', '?'];
    text(random(geld), mouseX, mouseY);
  }
  else if(Zähler == 4)
  {
    farbeD = grün;
    Zähler = 5;
  }
}
​
function keyPressed()
{
  if(key == 'a' && Zähler == 0)
  {
    farbeA = orange;
    Zähler = 1;
  }
  else if(key == 'b' && Zähler == 0)
  {
    farbeB = orange;
    Zähler = 2;
  }
  else if(key == 'c' && Zähler == 0)
  {
    farbeC = orange;
    Zähler = 3;
  }
  else if(key == 'd' && Zähler == 0)
  {
    farbeD = orange;
    Zähler = 4;
  }
}