Level 5 A 1

Author: Marcel Kaufmann

README.md

@@ -12,6 +12,7 @@ Start now!
 |[2](https://github.com/Flocksserver/CatcherTutorial/blob/master/tutorial/Level2/Processing_Tutorial_Level_%232-CatcherGameTutorial.md)|:star: :star: :star:|
 |[3](https://github.com/Flocksserver/CatcherTutorial/blob/master/tutorial/Level3/Processing_Tutorial_Level_%233-CatcherGameTutorial.md)|:star: :star: :star:|
 |[4](https://github.com/Flocksserver/CatcherTutorial/blob/master/tutorial/Level4/Processing_Tutorial_Level_%234-CatcherGameTutorial.md)|:star: :star:|
+|[5](https://github.com/Flocksserver/CatcherTutorial/blob/master/tutorial/Level5/Processing_Tutorial_Level_%235-CatcherGameTutorial.md)|:star: :star: :star: :star:|
 
 :gb::us: English version coming soon
 ## Android Screenshots

tutorial/Level4/CatcherTutorialLevel4A1/Coin.pde

@@ -16,7 +16,7 @@ class Coin {
   }
 
   void display( ) {
-    shape(c, xPos, yPos);
+    shape(c, xPos, -coinWidth);
     c.translate(0, 2);
   }
-}
+}

tutorial/Level5/CatcherTutorialLevel5A1/Catcher.pde

@@ -0,0 +1,22 @@
+class Catcher {
+  PShape c;
+  float yPos;
+  float xPos;
+  float catcherWidth;
+  float catcherHeight;
+
+  public Catcher( ) {
+    catcherWidth = gameWidth/8;
+    catcherHeight = gameHeight/100;
+    rectMode(CENTER);
+    fill(255);
+    c = createShape(RECT, 0, 0, catcherWidth, catcherHeight);
+    yPos = gameHeight-(gameHeight/8);
+    xPos = gameWidth/2;
+  }
+
+  void draw() {
+    xPos = playerPosX;
+    shape(c, xPos, yPos);
+  }
+}

tutorial/Level5/CatcherTutorialLevel5A1/CatcherTutorialLevel5A1.pde

@@ -0,0 +1,20 @@
+float playerPosX;
+float gameHeight;
+float gameWidth;
+Game game;
+
+void setup() {
+  size(400, 640);
+  //fullScreen(P2D);
+  gameWidth = width;
+  gameHeight = height;
+  game = new Game();
+}
+
+void draw() {
+  background(50);
+  if (mousePressed) {
+    playerPosX = mouseX;
+  }
+  game.execute();
+}

tutorial/Level5/CatcherTutorialLevel5A1/Coin.pde

@@ -0,0 +1,23 @@
+class Coin {
+  PShape c;
+  float xPos;
+  float yPos;
+  float coinWidth;
+  float coinHeigth;
+
+  public Coin() {
+    coinWidth = gameHeight/50;
+    coinHeigth = gameHeight/50;
+    xPos = random(coinWidth, (gameWidth-1)-coinWidth);
+    yPos = -coinHeigth;
+    ellipseMode(CENTER);
+    c = createShape(ELLIPSE, 0, 0, coinWidth, coinHeigth);
+    c.setFill(color(255, 255, 0));
+  }
+
+  void display( ) {
+    shape(c, xPos, -coinWidth);
+    c.translate(0, 2);
+    yPos += 2;
+  }
+}

tutorial/Level5/CatcherTutorialLevel5A1/Game.pde

@@ -0,0 +1,56 @@
+import java.util.Stack;
+
+class Game {
+  int lives;
+  ArrayList<Coin> coinListInGame = new ArrayList<Coin>();
+  Stack<Coin> waitingStack = new Stack();
+
+  Catcher catcher;
+
+  int interval = 1000;
+  int savedTime = millis();
+
+  public Game () {
+    lives = 5;
+    println("Lives: " + lives);
+    catcher = new Catcher();
+    for (int i = 0; i < 6; i++) {
+      Coin coin = new Coin();
+      waitingStack.push(coin);
+    }
+  }
+
+
+  void execute() {
+    catcher.draw();
+    if (isTimeForNextOne() && !waitingStack.isEmpty()) {
+      Coin newCoin = waitingStack.pop();
+      coinListInGame.add(newCoin);
+    }
+
+    for (int i = 0; i < coinListInGame.size(); i++) {
+      Coin currentCoin = coinListInGame.get(i);
+      boolean isOut = isInOutZone(currentCoin);
+      if (isOut) {
+        coinListInGame.remove(currentCoin);
+        lives --;
+        println("Lives: " + lives);
+      } else {
+        currentCoin.display();
+      }
+    }
+  }
+
+  boolean isInOutZone(Coin coin) {
+    return coin.yPos + coin.coinHeigth/2 >= gameHeight-1;
+  }
+
+  boolean isTimeForNextOne( ) {
+    int currentTime = millis();
+    if (savedTime + interval < currentTime) {
+      savedTime = currentTime;
+      return true;
+    }
+    return false;
+  }
+}

tutorial/Level5/Processing_Tutorial_Level_#5-CatcherGameTutorial.md

@@ -0,0 +1,31 @@
+# Zusammenfassung
+In diesem Level bauen wir Spielmechanik ein! Du lernst Kollisionsprüfungen hinzuzufügen und Zähler für den Spielstand und Leben. Außerdem sollen nicht nur eine endliche Anzahl an Objekten herunterfallen sondern ein dauerhafter Objektregen implementiert werden.
+
+| Thema                 | Voraussetzungen         |
+| --------------------- | ----------------------- |
+| Schwierigkeit         | :star: :star: :star: :star:          |
+| Hardware              | PC (Windows/Mac/Linux), Android-Smartphone (optional)  |
+| Software              | Browser, Internetzugang, Processing IDE  |
+| CatcherTutorial Level | [0](https://github.com/Flocksserver/CatcherTutorial/blob/master/tutorial/Level0/Processing_Tutorial_Level_%230-CatcherGameTutorial.md),[1](https://github.com/Flocksserver/CatcherTutorial/blob/master/tutorial/Level1/Processing_Tutorial_Level_%231-CatcherGameTutorial.md),[2](https://github.com/Flocksserver/CatcherTutorial/blob/master/tutorial/Level2/Processing_Tutorial_Level_%232-CatcherGameTutorial.md),[3](https://github.com/Flocksserver/CatcherTutorial/blob/master/tutorial/Level3/Processing_Tutorial_Level_%233-CatcherGameTutorial.md),[4](https://github.com/Flocksserver/CatcherTutorial/blob/master/tutorial/Level4/Processing_Tutorial_Level_%234-CatcherGameTutorial.md)                       |
+| Programmierung        | Aufruf von Funktionen, Variablen,  Events (mousePressed), Bedingte Anweisung und Verzweigung (if, else)), Funktionen, for-Schleife, Klassen, Objekte, Instanzen, Konstruktor|
+
+### Aufgabe 1
+1. Um die Anzahl der noch übrigen Leben zu zählen, integriere eine Variable dafür. Der derzeitige Stand muss derzeit nicht im Fenster angezeigt werden. Um die Anzahl trotzdem sichtbar zu machen, kannst du dir in der Konsole den Wert der Variablen ausgeben lassen.
+```processing
+int lives = 5;
+...
+println("Lives: "+ lives); // Innerhalb der zyklischen Ausführung
+```
+2. Überlege eine Kollisionserkennung für die herunterfallenden Objekte, sobald diese das Ende des Bildschirms erreicht habe. Beachte die Größe der Objekte. Beispiel: Bei einem PShape, der im Modus *CENTER* gezeichnet wurde, ist die unterste Kante an der Y-Position des Objektes + (Höhe des Objektes / 2)).
+<div>
+<img src="https://github.com/Flocksserver/CatcherTutorial/raw/master/tutorial/Level5/collision.png" width="400">
+</div>
+<br>
+
+3. Implementiere die Kollisionserkennung. Tipp: Du kannst die Y-Position des herunterfallenden Objektes aus dem PShape-Objekt extrahieren, oder die einfachere Variante: Jedesmal beim Aufruf von *translate()* die eine Variable zur yPosition um denselben Wert wie translate erhöhen (achte aber darauf, dass du beim Zeichnen des Objektes nicht die nun erstellte yPos nimmst!).
+4. Zähle ein Leben runter, sobald ein Objekt das Ende des Bildschirms erreicht. Entferne das entsprechenden Objekt aus der *ingame*-Liste
+
+[Mögliche Lösung](https://github.com/Flocksserver/CatcherTutorial/blob/master/tutorial/Level5/CatcherTutorialLevel5A1)
+
+# Nächstes Level
+Hier geht es weiter zum [nächsten Level :arrow_right:](https://github.com/Flocksserver/CatcherTutorial/blob/master/tutorial/Level6/Processing_Tutorial_Level_%236-CatcherGameTutorial.md)