let durchmesser;

let xPos, yPos;

let fallgeschwindigkeit;

let ballfarbe;

​

// Eigenschaften des Spielers

let punkte;

let leben;

​

​

function setup() {

  breite = min(windowWidth, 400)

  createCanvas(breite, 400);

​

  noStroke();

  textSize(20);

  textAlign(CENTER);

  punkte = 0;

  leben = 3;

  neuerBall();

}

​

function draw() {

  background(255, 192, 203);

  // Neue Position des Balls

  yPos = yPos + fallgeschwindigkeit + (punkte/25);

  // Wenn der Ball nicht gefangen wurde:

  if (yPos > height + durchmesser) {

    leben = leben - 1;

    neuerBall();

  }

  // Wenn die drei Leben verbraucht sind:

  if (leben < 1) {

    fill(0);

    text("GAME OVER", width/2, height/2);

    noLoop();

  }

  ballZeichnen();

  textAnzeigen();

}

​

// Wenn die Maustaste gedrückt wurde:

function mousePressed(){

  // Wenn der Ball gefangen wurde:

  if (dist(mouseX, mouseY, xPos, yPos) < durchmesser/2) {

    punkte = punkte + 1;

    neuerBall();

    textAnzeigen();

  }

}

​

// Funktion für die Erzeugung eines neuen Balls:

function neuerBall() {

  durchmesser = 50;

  xPos = random(width);

  yPos = -50;

  fallgeschwindigkeit = 3;

  ballfarbe = color(random(100, 255), 0, random(100, 255));

}

​

// Funktion für die Anzeige von Punkten und Leben:

function textAnzeigen() {

  fill(0);

  text("PUNKTE: " + punkte, 60, height-10);

  text("LEBEN: " + leben, width-60, height-10);

}

​

// Funktion für das Zeichnen des Balls:

function ballZeichnen() {

  fill(ballfarbe);

  ellipse(xPos, yPos, durchmesser);

}