Level 5 A 4

Author: Marcel Kaufmann

Game.pde

@@ -52,7 +52,7 @@ class Game {
     Check if a coin has fallen out of the screen -> decrease live by 1
    */
   void checkIngameCoins( ) {
-    for (int i = 0; i < ingameCoins.size()-1; i++) {
+    for (int i = 0; i < ingameCoins.size(); i++) {
       Coin coin = ingameCoins.get(i);
       boolean isCatched = isInCatcherZone(coin);
       boolean isOut = isInOutZone(coin);

tutorial/Level3/CatcherTutorialLevel3A2/CatcherTutorialLevel3A2.pde

@@ -22,12 +22,12 @@ void draw() {
     playerPosX = mouseX;
   }
   rect(playerPosX, 500, 50, 10);
-  
+
   if(isTimeForNextOne() && !waitingStack.isEmpty()){
       Coin newCoin = waitingStack.pop();
       coinListInGame.add(newCoin);
   }
-  
+
   for(int i = 0; i < coinListInGame.size() ; i++){
     Coin currentCoin = coinListInGame.get(i);
     currentCoin.display();
@@ -42,4 +42,4 @@ boolean isTimeForNextOne( ) {
       return true;
     }
     return false;
-  }
+  }

tutorial/Level3/CatcherTutorialLevel3A3/Game.pde

@@ -40,4 +40,4 @@ class Game {
     }
     return false;
   }
-}
+}

tutorial/Level4/CatcherTutorialLevel4A1/Game.pde

@@ -40,4 +40,4 @@ class Game {
     }
     return false;
   }
-}
+}

tutorial/Level5/CatcherTutorialLevel5A1/Game.pde

@@ -53,4 +53,4 @@ class Game {
     }
     return false;
   }
-}
+}

tutorial/Level5/CatcherTutorialLevel5A2/Game.pde

@@ -52,4 +52,4 @@ class Game {
     }
     return false;
   }
-}
+}

tutorial/Level5/CatcherTutorialLevel5A3/Game.pde

@@ -52,4 +52,4 @@ class Game {
     }
     return false;
   }
-}
+}

tutorial/Level5/CatcherTutorialLevel5A4/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/CatcherTutorialLevel5A4/CatcherTutorialLevel5A4.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/CatcherTutorialLevel5A4/Coin.pde

@@ -0,0 +1,27 @@
+class Coin {
+  PShape c;
+  float xPos;
+  float yPos;
+  float coinWidth;
+  float coinHeigth;
+
+  public Coin() {
+    ellipseMode(CENTER);
+    init();
+  }
+
+  void init( ) {
+    coinWidth = gameHeight/50;
+    coinHeigth = gameHeight/50;
+    xPos = random(coinWidth, (gameWidth-1)-coinWidth);
+    yPos = -coinHeigth;
+    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/CatcherTutorialLevel5A4/Game.pde

@@ -0,0 +1,89 @@
+import java.util.Stack;
+
+class Game {
+  int lives;
+  int score;
+  ArrayList<Coin> coinListInGame = new ArrayList<Coin>();
+  Stack<Coin> waitingStack = new Stack();
+
+  Catcher catcher;
+
+  int interval = 1000;
+  int savedTime = millis();
+
+  public Game () {
+    lives = 5;
+    score = 0;
+    catcher = new Catcher();
+  }
+
+
+  void execute() {
+    catcher.draw();
+    if (isTimeForNextOne()) {
+      if (waitingStack.empty()) {
+        waitingStack.push(new Coin());
+      }
+      Coin newCoin = waitingStack.pop();
+      coinListInGame.add(newCoin);
+    }
+    checkIngameCoins();
+    println("Score: " + score);
+  }
+
+  void checkIngameCoins( ) {
+    for (int i = 0; i < coinListInGame.size(); i++) {
+      Coin coin = coinListInGame.get(i);
+      boolean isCatched = isInCatcherZone(coin);
+      boolean isOut = isInOutZone(coin);
+      if (isCatched) score++;
+      if (isOut) lives--;
+
+      if (isCatched || isOut) {
+        coin.init();
+        waitingStack.push(coin);
+        coinListInGame.remove(coin);
+      } else {
+        coin.display();
+      }
+    }
+  }
+
+  boolean isInOutZone(Coin coin) {
+    return coin.yPos + coin.coinHeigth/2 >= gameHeight-1;
+  }
+
+  boolean isInCatcherZone(Coin coin) {
+    return isInYZone(coin) && isInXZone(coin);
+  }
+
+  boolean isInYZone(Coin coin) {
+    boolean coinLowerBound =
+      coin.yPos + coin.coinHeigth/2 >= catcher.yPos - catcher.catcherHeight/2 &&
+      coin.yPos + coin.coinHeigth/2 <= catcher.yPos + catcher.catcherHeight/2;
+    boolean coinUpperBound =
+      coin.yPos - coin.coinHeigth/2 >= catcher.yPos - catcher.catcherHeight/2 &&
+      coin.yPos - coin.coinHeigth/2 <= catcher.yPos + catcher.catcherHeight/2;
+    return coinLowerBound || coinUpperBound;
+  }
+
+  boolean isInXZone(Coin coin) {
+    boolean coinRightBound =
+      coin.xPos + coin.coinWidth/2 >= catcher.xPos - catcher.catcherWidth/2 &&
+      coin.xPos + coin.coinWidth/2 <= catcher.xPos + catcher.catcherWidth/2;
+    boolean coinLeftBound =
+      coin.xPos - coin.coinWidth/2 >= catcher.xPos - catcher.catcherWidth/2 &&
+      coin.xPos - coin.coinWidth/2 <= catcher.xPos + catcher.catcherWidth/2;
+    return coinRightBound || coinLeftBound;
+  }
+
+
+  boolean isTimeForNextOne( ) {
+    int currentTime = millis();
+    if (savedTime + interval < currentTime) {
+      savedTime = currentTime;
+      return true;
+    }
+    return false;
+  }
+}

tutorial/Level5/Processing_Tutorial_Level_#5-CatcherGameTutorial.md

@@ -40,5 +40,16 @@ println("Lives: "+ lives); // Innerhalb der zyklischen Ausführung
 
 [Mögliche Lösung](https://github.com/Flocksserver/CatcherTutorial/blob/master/tutorial/Level5/CatcherTutorialLevel5A3)
 
+### Aufgabe 4
+1. Was war nochmal das Ziel des Spiels? Punkte sammeln! Endlich soll dein *Catcher* die Funktionalität bekommen, die er braucht. Erstelle wie beim Leben eine Variable für die aktuellen Punkte.
+2. Jetzt wird es etwas tricky! Überlege dir eine Kollisionserkennung zwischen dem *Catcher* und deinen herunterfallenden Objekten. Vom Prinzip musst du genau wie in Aufgabe 1 vorgehen. Beachte aber, dass diesmal die X **und** die Y-Positionen vom jeweils herunterfallenden Objekt und dem *Catcher* entscheidend sind. Außerdem sind bei der Betrachtung der Y-Richtung nicht nur die untere Kante (*+ objekt.height/2*) sondern auch die obere Kante (*- objekt.height/2*) relevant. Bei der Betrachtung der X-Richtung demnach (*+ objekt.width/2*) und (*- objekt.width/2*). Probiere ruhig etwas länger aus und lass dich nicht entmutigen, wenn du nicht sofort auf eine richtig funktionierende Lösung kommst.
+3. Zähle die aktuellen Punkte bei Kontakt mit dem *Catcher* hoch. Entferne das entsprechenden Objekt aus der *ingame*-List, initialisiere es neu und füge es dem Stack hinzu
+
+[Mögliche Lösung](https://github.com/Flocksserver/CatcherTutorial/blob/master/tutorial/Level5/CatcherTutorialLevel5A4)
+
+> Exkurs: Ist dir aufgefallen, dass die Kollisionserkennung nicht ganz korrekt ist wenn du wie ich für die herunterfallenden Objekte Kreise verwendest? Der Algorithmus dafür geht von einem Rechteck aus. Dies wird klar, wenn du die Berechnung der Kollision auf Papier mit den Objekten malst und den Kreis links oder rechts an die Ecke des *Catchers* treffen lässt. Haben wir nun quatsch implementiert? Wieder: Theoretisch ja, praktisch nein! In Spielen (vorrangig bei 3D - aber auch teilweise bei 2D) ist es aus Effizienzgründen gängig, dass eine [*Hitbox*](https://de.wikipedia.org/wiki/Hitbox) definiert wird. Diese Beschreibt den Bereich, in dem Kollision als gegeben angesehen wird. Der Kreis besitzt also eine virtuelle Hitbox um sich herum.
+
+
+
 # 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)