Java lernen durch Ausprobieren!

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Zuletzt angesehen:
g9:uebungen:spiele9

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.


—g9:uebungen:spiele9 [2024/08/31 10:03] (aktuell) – angelegt - Externe Bearbeitung 127.0.0.1
Zeile 1: Zeile 1:
 +====== Spieleprogrammierung in Jgst. 9 ======
 +<WRAP center round info 80%>
 +Der bayerische Lehrplan der Jahrgangsstufe 9 sieht noch keine Objektreferenzen in Attributen vor. Dies schränkt die Programmierung umfangreicherer Spiele deutlich ein, mit etwas Geschick kann man aber doch zu ansprechenden Ergebnissen kommen. \\ 
 +**Strategien:**
 +  * Verwendung der **Processing-API**: Die Hauptklasse des Programms erbt von der Klasse ''PAppplet'' und überschreibt deren Methoden ''setup'' (wird 1-mal zu Beginn aufgerufen) und ''draw'' (wird anschließend 30-mal pro Sekunde aufgerufen). Bei jedem Aufruf von ''draw'' wird der Zeichenbereich gelöscht und muss komplett neu gezeichnet werden. Es gibt keine Klassen für graphische Objekte, sondern nur Zeichen-Methoden der Klasse ''PApplet'' wie ''circle'', ''rectangle'' usw. **Der Zustand des Programms kann daher komplett in Attributen mit primitiven Datentypen gespeichert werden.** Beispiele dafür finden Sie im Klett-Buch, zudem [[https://www.learnj.de/doku.php?id=api:documentation:processing:start|hier eine Einführung in die Processin-Programierung mit der Online-IDE]]. \\ \\ 
 +  * Verwendung der **Graphics and Games-API des Cornelsen-Verlages**: Zentraler Angelpunkt ist hier die Klasse ''Figur''. Erbt man von ihr, so kann man durch Überschreiben der Methoden ''AktionAusführen'' (wird 30-mal pro Sekunde aufgerufen) die Figur animieren und durch Überschreiben der Methoden ''TasteGedrückt'' und ''MausGeklickt'' auf Tastatur- und Mauseingaben reagieren. Die Interaktion mit anderen graphischen Objekten geschieht über die Methoden ''Berührt()'' und ''Berührt(String farbe)''. Sie geben genau dann true zurück, wenn die Figur irgendein graphisches Objekt berührt bzw. eines mit der angegebenen Farbe. [[https://www.learnj.de/doku.php?id=api:documentation:gng:start|Hier eine Beschreibung, wie sich die Graphics and Games-API in der Online-IDE nutzen lässt.]] \\ \\ 
 +  * Verwendung von **[[https://greenfoot.org/door|Greenfoot]]**: Jedes graphische Objekt besitzt eine Methode act, die 60-mal pro Sekunde aufgerufen wird, sowie Methoden zur Abfrage von Tastatur und Maus (''isKeyDown'', ''isKeyUp'', ...). Diese Ideen haben die graphischen Klassen der Online-IDE übernommen, sie sind aber deutlich umfangreicher als die Pendants in Greenfoot und nicht vollständig kompatibel. \\ \\ 
 +  * Verwendung der **Graphik-API der Online-IDE**: Jede graphische Klasse erbt von der Klasse ''Actor''. Sie besitzt eine überschreibbare Methode ''act'', die 30-mal pro Sekunde aufgerufen wird sowie Methoden ''onKeyDown'', ''onMouseMove'', usw. zum Reagieren auf Tastatur- und Mausereignisse. Zudem lässt sich der Status der Tasten auch mit ''isKeyDown(String taste)'' jederzeit abfragen. Die Interaktion mit anderen graphischen Objekten gelingt mit der Methode ''collidesWithAnyShape()'', die genau dann true zurückgibt, wenn das graphische Objekt ein anderes berührt.
 +
 +{{:g9:uebungen:pasted:20220630-092311.png}}
 +</WRAP>
 +
 +===== Verwendung der Grafikklassen der Online-IDE =====
 +
 +==== 1. Spiel "Spacejunk" von Jochen Schmitt (Gymnasium Veitshöchheim) ====
 +<WRAP center round tip 80%>
 +Auf der Seite [[https://info-am-gym.de/java/spacejunk.html|https://info-am-gym.de/java/spacejunk.html]] zeigt Herr Schmitt seinen Schülerinnen und Schülern in vielen kleinen, liebevoll und detailreich beschriebenen Schritten, wie sie selbst ein kleines Multiplayer-Spiel programmieren können. Nach jedem größeren Schritt kann man den aktuellen Stand des Spiels ausprobieren und selbst verändern. Zudem gibt es immer wieder kleine interaktive Tests, mit denen die Schülerinnen und Schüler ihren Lernfortschritt überprüfen können. \\ 
 +Sehr sehenswert!
 +</WRAP>
 +
 +
 +==== 2. Pong ====
 +<WRAP center round tip 80%>
 +Die Klassen Ball und Schläger stehen in keiner Beziehung zueinander: Der Ball erkennt mit der Methode ''collidesWithAnyShape'', ob er mit einem der beiden Schläger zusammenprallt, an der y-Koordinate, ob er den oberen/unteren Rand berührt und an der x-Koordinate, ob ein Tor geschossen wurde.
 +</WRAP>
 +
 +
 +<HTML>
 +
 +<div class="java-online" style="height: 70vh; width: 100%" data-java-online="{'withBottomPanel': true, 'id': 'Pong'}">
 +
 +<script type="text/plain" title="Pong.java">
 +new Schläger(0, "s", "w");
 +new Schläger(780, Key.ArrowDown, Key.ArrowUp);
 +new Ball();
 +</script>
 +<script type="text/plain" title="Schläger.java">
 +class Schläger extends Rectangle {
 +   String tasteRunter;
 +   String tasteRauf;
 +
 +   Schläger(double left, String tasteRunter, String tasteRauf) {
 +      super(left, 250, 20, 100);
 +      this.tasteRauf = tasteRauf;
 +      this.tasteRunter = tasteRunter; 
 +   }
 +   
 +   public void act() {
 +      if(isKeyDown(tasteRauf) && getCenterY() > 50) {
 +         move(0, -6);
 +      }
 +      if(isKeyDown(tasteRunter) && getCenterY() < 550) {
 +         move(0, 6);
 +      }
 +   }
 +}
 +</script>
 +<script type="text/plain" title="Ball.java">
 +class Ball extends Rectangle {
 +
 +   double vx;
 +   double vy;
 +
 +   int scoreLeft;
 +   int scoreRight;
 +
 +   Ball() {
 +      super(395, 295, 20, 20);
 +      setFillColor(Color.white);
 +      setRandomVelocity();
 +   }
 +
 +   public void act() {
 +      move(vx, vy);
 +      if(collidesWithAnyShape()) {
 +         vx *= -1;
 +         move(vx / 3, 0);
 +      }
 +      
 +      if(getCenterX() < 0) {
 +         scoreRight++;
 +         printScore();
 +         setRandomVelocity();
 +      }
 +
 +      if(getCenterX() > 800) {
 +         scoreLeft++;
 +         printScore();
 +         setRandomVelocity();
 +      }
 +      
 +      if(getCenterY() < 10 || getCenterY() > 590) {
 +         vy *= -1;
 +      }
 +   }
 +
 +   void setRandomVelocity() {
 +      double v = Random.randdouble(5, 10);
 +      double winkel = Random.randdouble(20, 70);
 +      vx = v * Math.cos(Math.toRadians(winkel));
 +      vy = v * Math.sin(Math.toRadians(winkel));
 +      if(Math.random() < 0.5) vx *= -1;
 +      if(Math.random() < 0.5) vy *= -1;
 +
 +      moveTo(390, 290);
 +   }
 +
 +   void printScore() {
 +      SystemTools.clearScreen();
 +      println(scoreLeft + " : " + scoreRight);
 +   }
 +}
 +</script>
 +</div>
 +
 +</HTML>
 +
 +
 +==== 3. Hunter Game ====
 +<WRAP center round tip 80%>
 +Die Idee zu diesem Spiel kommt von Frau Dr. Siglinde Voss. Ein ähnliches Spiel auf Basis des Processing Frameworks findet sich im Klett-Buch.
 +\\ \\ 
 +Wie im Beispiel Pong oben haben auch hier die Klassen ''Hunter'', ''Prey'' und ''Bomb'' keine Beziehung zueinander. Sowohl die ''Prey''-Objekte als auch die ''Bomb''-Objekte erkennen mit der Methode ''collidesWithAnyShape()'', ob sie mit dem ''Hunter''-Objekt kollidieren. Das ''Prey''-Objekt zählt ggf. den Punktestand hoch und erzeugt neue ''Bomb''-Objekte. \\ 
 +Das ganze funktioniert natürlich nur, wenn das Prey-Objekt und die Bomben nur dorthin gesetzt werden wo noch nichts liegt. Dies wird durch die Methode ''moveToRandomLocation'' in beiden Klassen bewirkt.
 +</WRAP>
 +
 +<HTML>
 +
 +<div class="java-online" style="height: 70vh; width: 100%" data-java-online="{'withBottomPanel': true, 'id': 'Hunter'}">
 +
 +<script type="text/plain" title="Game.java">
 +new Hunter();
 +new Prey();
 +</script>
 +<script type="text/plain" title="Hunter.java">
 +class Hunter extends Circle {
 +   
 +   double v = 6;
 +   double vx = v;
 +   double vy = 0;
 +
 +   Hunter() {
 +      super(400, 300, 15);
 +      setFillColor(Color.blue);
 +   }
 +
 +   public void act() {
 +      move(vx, vy);
 +
 +      if(isKeyDown(Key.ArrowRight)) {
 +         vx = v; vy = 0;
 +      }
 +      if(isKeyDown(Key.ArrowLeft)) {
 +         vx = -v; vy = 0;
 +      }
 +      if(isKeyDown(Key.ArrowUp)) {
 +         vx = 0; vy = -v;
 +      }
 +      if(isKeyDown(Key.ArrowDown)) {
 +         vx = 0; vy = v;
 +      }
 +
 +      if(isOutsideView()) {
 +         println("Game over!", Color.red);
 +         System.exit(0);
 +      }
 +
 +   }
 +
 +}
 +</script>
 +<script type="text/plain" title="Prey.java">
 +class Prey extends Circle {
 +   
 +   int score = 0;
 +   int time = 0;
 +   
 +   Prey() {
 +      super(400, 300, 10);
 +      setFillColor(Color.green);
 +      moveToRandomLocation();
 +   }
 +   
 +   public void act() {
 +      if(collidesWithAnyShape()) {
 +         score++;
 +         SystemTools.clearScreen();
 +         println(score + " Punkte");
 +         moveToRandomLocation();
 +      }
 +      
 +      time++;
 +      if(time % 150 == 0) {
 +         new Bomb();
 +      }
 +   }
 +   
 +   void moveToRandomLocation() {
 +      do {
 +         moveTo(Random.randdouble(30, 770), Random.randdouble(30, 570));
 +      } while(collidesWithAnyShape())
 +   }
 +}
 +</script>
 +<script type="text/plain" title="Bomb.java">
 +class Bomb extends Rectangle {
 +   
 +   Bomb() {
 +      super(400, 300, 10, 10);
 +      setFillColor(Color.red);
 +      moveToRandomLocation();
 +   }
 +   
 +   public void act() {
 +      if(collidesWithAnyShape()) {
 +         println("Game over!", Color.red);
 +         System.exit(0);
 +      }
 +      
 +   }
 +   
 +   void moveToRandomLocation() {
 +      do {
 +         moveTo(Random.randdouble(30, 770), Random.randdouble(30, 570));
 +      } while (collidesWithAnyShape())
 +   }
 +   
 +}
 +</script>
 +
 +</HTML>