Wir wollen im Folgenden dieses uralte Spiel aus objektorientierter Sichtweise analysieren und es Stück für Stück programmieren.

Transkript

1 Inf-10 NTG Objektorientiertes Programmieren Projekt PingPong O St R Michae l G anshor n 1 JAVA-Projekt : Das Spiel PingPong Eines der ersten Computerspiele war Ping-Pong. Zwei Rechtecke dienen als Schläger, ein Kreis dient als Ball. Der Ball reflektiert oben und unten am Spielfeldrand und auch an den Schlägern. Die Schläger können über die Tastatur nach oben und unten (vielleicht auch nach links und rechts) gelenkt werden. Es sind auch Schmetterschläge und Stops denkbar oder gar Abpraller am Schlägerrand Wir wollen im Folgenden dieses uralte Spiel aus objektorientierter Sichtweise analysieren und es Stück für Stück programmieren. Voraussetzungen an die Programmierkenntnisse (JAVA): elementarer Aufbau einer Klasse: Attribut, Daten-Typ, Modifikator, Wert-Zuweisung, Referenz, Methode, Übergabe-Parameter, Rückgebe-Wert, Konstruktor, Kapselungs-Prinzip grundlegendes Prinzip der Vererbung: übernehmen von Attributen und Methoden, ergänzen von Attributen und Methoden, überschreiben von Methoden einfache bis mehrfache Fallunterscheidungen: Vergleichs-Operatoren, logische Operatoren JAVA-Doc: Sinn und Aufbau von Dokumentations-Kommentaren, Erstellen einer HTML-Dokumentation Grund-Erfahrung mit der EDU-Variante der Engine-Alpha alpha.org Klassen-Diagramm erbt von wird dir vorgegeben hat zum spielen 1 wird dir vorgegeben erbt von hat als Spieler 2 erbt von hat als Spielfeld-Markierung 5 wird dir vorgegeben

2 Inf-10 NTG Objektorientiertes Programmieren Projekt PingPong O St R Michae l G anshor n 2 Klassen-Karten Du musst nur diese drei Klassen programmieren. Übernimm die Klassen SPIEL, RECHTECK, KREIS aus der Vorlage. In der JAVA-Dokumentation des fertigen PingPong-Spiels findest du alle nötigen Detail- Informationen. Die dort auftauchenden Klassen MANAGER und ZUFALL sowie die Interfaces TICKER und TASTENREAGIERBAR sind nicht wichtig für dein Verständnis. Sie gehören zur Klasse SPIEL.

3 Inf-10 NTG Objektorientiertes Programmieren Projekt PingPong O St R Michae l G anshor n 3 Schritt 1 H a k e a l l e e r l e d i g t e n A r b e i t e n i m K l a s s e n d i a g r a m m b z w. i n d e r K l a s s e n k a r t e B A L L a b! Lade dir das BlueJ-Projekt PingPong_Vorlage herunter und öffne es in BlueJ. Erstelle eine Klasse BALL welche von KREIS erbt. Deklariere alle Attribute, welche nicht von KREIS geerbt werden. Hierbei handelt es sich um die Schrittweiten in x- bzw. y-richtung. Schreibe einen Konstruktor, welcher folgende Attribute initialisiert: Farbe eines neuen Balls Radius eines neuen Balls Mittelpunkt eines neuen Balls liegt bei (x y) = ( ) Ein neuer Ball hat als Schrittweite: x ein Pixel nach rechts, y ein Pixel nach oben Schreibe die Methode bewegen(), welche den Ball um (deltax deltay) verschiebt. Damit der Ball später am Rand reflektieren kann, braucht man die Methode invertieredeltay(), welche das Vorzeichen von deltay ändert. Analog dazu brauchst du eine Methode invertieredeltax(), damit der Ball an den Schlägern reflektieren kann. Erzeuge ein Objekt der Klasse BALL und betrachte es im Objekt-Inspektor. Sind alle Attribute mit den richtigen Werten belegt? Teste nun alle Methoden und prüfe (durch nachrechnen), ob die entsprechenden Attribut- Werte richtig verändert werden. Schreibe zu deiner Klasse und allen Methoden JAVA-Doc-Kommentare und erzeuge die JAVA-Dokumentation neu. Kontrolliere, ob all deine Programmierleistungen in der Dokumentation erscheinen und verständlich erklärt sind.

4 Inf-10 NTG Objektorientiertes Programmieren Projekt PingPong O St R Michae l G anshor n 4 S c h r i t t 2 H a k e a l l e e r l e d i g t e n A r b e i t e n i m K l a s s e n d i a g r a m m b z w. i n d e r K l a s s e n k a r t e S C H L A E G E R a b! Erstelle eine Klasse SCHLAEGER welche von RECHTECK erbt. Deklariere alle Attribute, welche nicht von RECHTECK geerbt werden. Hierbei handelt es sich wieder um die Schrittweiten in x- bzw. y-richtung. Schreibe einen Konstruktor mit zwei ganzzahligen Übergabe-Parametern für die Koordinaten x und y, welcher folgende Attribute initialisiert: Farbe eines neuen Schlägers Breite und Höhe eines neuen Schlägers Der Mittelpunkt eines neuen Schlägers wird auf die Werte der Übergabe-Parameter festgesetzt Ein neuer Ball hat als Schrittweite: x null Pixel nach rechts, y ein Pixel nach unten Schreibe die Methode bewegen(), welche den Schläger um (deltax deltay) verschiebt. Damit der schläger später über die Tastatur gesteuert werden kann, brauchst du folgende Methoden: verringeredeltay() setzt den Wert von deltay um 1 herab erhoehedeltay() setzt den Wert von deltay um 1 hinauf Zusätzlich brauchst du noch setzedeltax(...) und setzedeltay(...), welche jeweils einen ganzzahligen Übergabe-Parameter entgegennehmen und den entsprechenden Attribut-wert auf den Wert des Übergabe-Parameters setzen. Erzeuge ein Objekt der Klasse RECHTECK und betrachte es im Objekt-Inspektor. Sind alle Attribute mit den richtigen Werten belegt? Teste nun alle Methoden und prüfe (durch nachrechnen), ob die entsprechenden Attribut- Werte richtig verändert werden. Schreibe zu deiner Klasse und allen Methoden JAVA-Doc-Kommentare und erzeuge die JAVA-Dokumentation neu. Kontrolliere, ob all deine Programmierleistungen in der Dokumentation erscheinen und verständlich erklärt sind.

5 Inf-10 NTG Objektorientiertes Programmieren Projekt PingPong O St R Michae l G anshor n 5 S c h r i t t 3 H a k e a l l e e r l e d i g t e n A r b e i t e n i m K l a s s e n d i a g r a m m b z w. i n d e r K l a s s e n k a r t e P I N G P O N G a b! Erstelle eine Klasse PINGPONG welche von SPIEL erbt. Deklariere alle Attribute, welche nicht von SPIEL geerbt werden. Die Attribute punktel, punkter sowie die Referenz-Attribute ball, spielerl, spielerr erklären sich von selbst. Bei randl, rando, randr, randu handelt es sich um die Spielfeldränder. nogo ist die Mittellinie. Schreibe einen Konstruktor, welcher folgende Attribute initialisiert: den Ball die beiden Spieler die Mittellinie und die vier Ränder (Dicke 4 Pixel) die beiden Punktestände das Ticker-Intervall (10ms) Überschreibe die Methode tick(), welche alle 10ms automatisch aufgerufen wird. In ihr soll zunächst nur der Ball und die beiden Schläger bewegt werden. (s. Sequenz-Diagramm auf der nächsten Seite) Überschreibe die Methode tastereagieren(int code), welche bei jedem Tasten- Ereignis aufgerufen wird. (s. Sequenz-Diagramm auf der nächsten Seite) Der linke Spieler soll mit den Tasten W und S gesteuert werden. W verringert deltay, S erhöht deltay. Der rechte Spieler soll mit den Pfeiltasten gesteuert werden. Pfeil rauf verringert deltay, Pfeil runter erhöht deltay. Erzeuge ein Objekt der Klasse PINGPONG und prüfe, ob sich Ball und Schläger bewegen. Reagieren die Schläger auf die Tasten? (Ball und Schläger werden noch das Spielfeld verlassen und nicht aufeinander reagieren.) Schreibe zu deiner Klasse und allen Methoden JAVA-Doc-Kommentare und erzeuge die JAVA-Dokumentation neu. Kontrolliere, ob all deine Programmierleistungen in der Dokumentation erscheinen und verständlich erklärt sind.

6 Inf-10 NTG Objektorientiertes Programmieren Projekt PingPong O St R Michae l G anshor n 6 Sequenzdiagramm der Methode tick() Sequenzdiagramm der Methode tastereagieren(int code)

7 Inf-10 NTG Objektorientiertes Programmieren Projekt PingPong O St R Michae l G anshor n 7 S c h r i t t 4 H a k e a l l e e r l e d i g t e n A r b e i t e n i n d e n K l a s s e n k a r t e n a b! Bringe die Schläger dazu, oben und unten am Spielfeldrand stehen zu bleiben. Dazu brauchst du in der Klasse SCHLAEGER eine Methode stopp(string wo) mit einem Übergabe-Parameter 'wo' vom Typ String. Mögliche Werte für diesen Parameter sollen oben und unten sein. Im Rumpf der Methode schreibst du eine zweifache Fallunterscheidung: Damit stellst du sicher, dass der Schläger den oberen / unteren Rand um ein Pixel gerade nicht mehr berührt. Die y-werte kommen folgendermaßen zustande: 45 = halbe Schlägerhöhe + Randdicke = halbe Schlägerhöhe - Randdicke 1 Erzeuge ein Objekt der Klasse SCHLAEGER und prüfe, ob die Methode stopp(...) auf die entsprechenden Übergabe-Werte richtig reagiert. Deine Klassen BALL und SCHLAEGER haben die Methode schneidet(...) geerbt. Sieh dir diese Methode in den Klassenkarten und in der JAVA-Dokumentation genau an! Mit ihrer Hilfe kannst du sehr leicht prüfen, ob ein SCHLAEGER-Objekt ein RECHTECK- Objekt des Spielfeldrands berührt (oder schneidet). Begib dich nun in die Klasse PINGPONG und dort in die Methode tick(). Ergänze unmittelbar vor der Bewegung des linken Spielers eine bedingte Anweisung: (s. Sequenz-Diagramm auf der nächsten Seite) Ergänze analog eine weitere bedingte Anweisung, die prüft, ob der untere Rand berührt (geschnitten) wird. Erzeuge nun ein Objekt der Klasse PINGPONG und prüfe, ob der linke Schläger tatsächlich oben und unten stehen bleibt und ob er sich nach einem entsprechenden Tastendruck wieder bewegt. Erledige nun dasselbe für den rechten Spieler. Erzeuge erneut ein Objekt der Klasse PINGPONG und prüfe auch den rechten Schläger. Schreibe zu allen neuen Methoden JAVA-Doc-Kommentare und erzeuge die JAVA- Dokumentation neu. Kontrolliere, ob all deine Programmierleistungen in der Dokumentation erscheinen und verständlich erklärt sind.

8 Inf-10 NTG Objektorientiertes Programmieren Projekt PingPong O St R Michae l G anshor n 8 Neues Sequenz-Diagramm der Methode tick() Zustands-Übergangs-Diagramm des Schlägers

9 Inf-10 NTG Objektorientiertes Programmieren Projekt PingPong O St R Michae l G anshor n 9 S c h r i t t 5 Bringe den Ball dazu, am oberen und unteren Spielfeldrand sowie an den Schlägern zu reflektieren. Begib dich wieder in die Klasse PINGPONG und dort in die Methode tick(). Ergänze unmittelbar vor der Bewegung Balls eine mehrfache Fallunterscheidung: (s. Sequenz-Diagramm auf der nächsten Seite) Erzeuge nun ein Objekt der Klasse PINGPONG und prüfe, ob der Ball nun oben und unten sowie an den Schlägern abprallt. Füge gewöhnliche Kommentare in die verschiedenen Fälle der Methode tick() ein, damit du dich später leicht wieder darin zurecht findest. Du wirst noch so manches darin ergänzen :-) Zustands-Übergangs-Diagramm des Balls Vorbemerkung: Später werden wir aus Platzgründen und wegen der jeweils gleichen Reaktion die Übergänge schneidet rando und schneidet randu mit nur einem Übergangs-Pfeil zusammenfassen. Ebenso werden wir die Übergänge schneidet spielerl und schneidet spielerr mit nur einem Pfeil zusammenfassen.

10 Inf-10 NTG Objektorientiertes Programmieren Projekt PingPong O St R Michae l G anshor n 10 Neues Sequenz-Diagramm der Methode tick()

11 Inf-10 NTG Objektorientiertes Programmieren Projekt PingPong OSt R Mich ael G ans horn 11 S c h r i t t 6 Verändere den Punktestand, wenn der Ball im Aus landet Begib dich wieder in die Klasse PINGPONG und dort in die Methode tick(). Ergänze die mehrfache Fallunterscheidung aus Schritt 5 um zwei weitere Fälle: Erzeuge nun ein Objekt der Klasse PINGPONG und prüfe, ob der Ball links bzw. rechts im Aus stehen bleibt und sich der entsprechende Punktestand erhöht. Füge wieder gewöhnliche Kommentare in die neuen Fälle der Methode tick() ein, damit du dich später leicht wieder darin zurecht findest. Du wirst noch so manches darin ergänzen :-) Neues Zustands-Übergangs-Diagramm des Balls

12 Inf-10 NTG Objektorientiertes Programmieren Projekt PingPong O St R Michae l G anshor n 12 Neues Sequenz-Diagramm der Methode tick()

13 Inf-10 NTG Objektorientiertes Programmieren Projekt PingPong O St R Michae l G anshor n 13 S c h r i t t 7 Mit Taste N ein neues Spiel beginnen Zum Beginnen eines neuen Spiels müssen Ball und Schläger wieder in ihre Startpositionen gebracht werden. Außerdem muss der Ticker neu gestartet werden. Begib dich in die Klasse BALL und schreibe dort eine neue Methode setzeneuestartbedingungen(): Setze den Mittelpunkt wieder in die Mitte des Spielfelds. Setze die Schrittweite wieder auf den Betrag 1, aber behalte die alte Richtung bei. Nutze dazu folgenden Code: this.deltax = this.deltax / Math.abs(this.deltaX); this.deltay = this.deltay / Math.abs(this.deltaY); Erzeuge ein Objekt der Klasse BALL und verschiebe es an eine beliebige Stelle. Teste nun die Methode setzeneuestartbedingungen() und prüfe, ob der Ball wieder in der Spielfeldmitte steht. Füge einen Java-Doc-Kommentar zu der neuen Methode hinzu und erzeuge die JAVA- Dokumentarion neu. Begib dich in die Klasse SCHLAEGER und schreibe dort eine neue Methode setzeneuestartbedingungen(string wo) mit einem Übergabe-Parameter 'wo' vom Typ String. Im Rumpf der Methode findet zuerst eine zwiefache Fallunterscheidung statt: Nach der Fallunterscheidung setzt du deltax auf den Wert 0, und anschließend setzt du deltay auf den Betrag 1 und behältst die Richtung bei: this.deltay = this.deltay / Math.abs(this.deltaY); Erzeuge ein Objekt der Klasse SCHLAEGER und verschiebe es an eine beliebige Stelle. Teste nun die Methode setzeneuestartbedingungen(string wo) einmal mit Parameter links und noch einmal mit Parameter rechts und prüfe, ob der Schläger jeweils an der richtigen Stelle steht. Füge einen Java-Doc-Kommentar zu der neuen Methode hinzu und erzeuge die JAVA- Dokumentarion neu. w e i t e r a u f d e r n ä c h s t e n S e i t e

14 Inf-10 NTG Objektorientiertes Programmieren Projekt PingPong O St R Michae l G anshor n 14 Nun begibst du dich noch in die Klasse PINGPONG und dort in die Methode tastereagieren(int code). Ergänze die Mehrfachfallunterscheidung um einen weiteren Fall: Erzeuge ein Objekt der Klasse PINPONG und drücke nachdem der Ball im Aus ist auf die Taste N. Beginnt ein neues Spiel? Neues Sequenz-Diagramm der Methode tastereagieren(int code)

15 Inf-10 NTG Objektorientiertes Programmieren Projekt PingPong O St R Michae l G anshor n 15 S c h r i t t 8 Ermögliche Rahmenabpraller Wenn der Ball einen Schläger ganz oben (unten) am Rand trifft, dann soll der Ball nach oben (unten) also in y-richtung vom Rahmen abprallen. Für diese neue Verhaltensweise deines Balls brauchst du neue Methoden. Begib dich in die Klasse BALL. Erstelle dort die beiden Methoden erhoehedeltay() und verringeredeltay(): erhoehedeltay() soll 1 zum Wert von deltay dazuzählen. verringeredeltay() soll 1 vom Wert von deltay abziehen. Erzeuge nun ein Objekt der Klasse BALL und betrachte es im Objekt-Inspektor. Rufe die Methoden erhoehedeltay() und verringeredeltay() auf und beobachte den Attribut-Wert von deltay. Rechne nach, ob er sich richtig verändert. Füge JAVA-Doc-Kommentare in die neuen Methoden ein und erzeuge die JAVA- Dokumentation neu. Wenn der Ball nun einen Schläger trifft, dann prüfst du ob der Rahmen getroffen wurde oder nicht. Hierfür eignet sich die Methode berechneabstandy(...) der Klassen BALL und SCHLAEGER. Begib dich nun in der Klasse PINGPONG in die Methode tick(). Suche dort den Fall, wo der Ball den linken Schläger trifft (schneidet). Vor dem Invertieren des Wertes von deltax fügst du eine doppelte Fallunterscheidung ein: Suche nun in der Methode tick() den Fall, wo der Ball den rechten Schläger trifft (schneidet) und verfahre analog. Erzeuge ein Objekt der Klasse PINPONG und versuche den Ball ganz am oberen (unteren) Rand des Schlägers zu treffen. Prallt er ab?

16 Inf-10 NTG Objektorientiertes Programmieren Projekt PingPong O St R Michae l G anshor n 16 Neues Sequenz-Diagramm der Methode tick()

17 Inf-10 NTG Objektorientiertes Programmieren Projekt PingPong O St R Michae l G anshor n 17 S c h r i t t 9 Realisiere auch eine horizontale Schläger-Bewegung Begib dich wieder in die Klasse PINGPONG und dort in die Methode tastereagieren(int code). Ergänze die mehrfache Fallunterscheidung um zwei weitere Fälle für den rechten Schläger. Er soll auch auf Pfeil rechts und Pfeil links reagieren: Erzeuge nun ein Objekt der Klasse PINGPONG und prüfe, ob der rechte Schläger auf die neuen Tasten reagiert. Stört dich etwas an der neuen horizontalen Bewegung? (s. Schritt 10) Ergänze nun analog zwei weitere Fälle für den linken Schläger. Er soll auch auf Taste A und Taste D reagieren: Erzeuge erneut ein Objekt der Klasse PINGPONG und prüfe, ob auch der linke Schläger auf die neuen Tasten reagiert. Neues Sequenz-Diagramm der Methode tastereagieren(int code)

18 Inf-10 NTG Objektorientiertes Programmieren Projekt PingPong O St R Michae l G anshor n 18 S c h r i t t 1 0 Schränke die Schläger-Bewegung auf eine Spielfeldhälfte ein Ein Schläger-Objekt soll nun nicht nur oben und unten stehen bleiben können, sondern je nachdem, welcher Spieler es ist auch links, rechts, sowie am Netz. Begib dich zunächst in die Klasse SCHLAEGER und dort in die Methode stopp(string wo). Ergänze die mehrfache Fallunterscheidung um vier weitere Fälle: Erzeuge ein Objekt der Klasse SCHLAEGER an einem beliebigen Ort und rufe die Methode stopp(string wo) der Reihe nach mit den Übergabe-Werten links, rechts, nogol, nogor auf. Landet der Schläger auch immer an der richtigen Stelle? Liste alle zulässigen Werte für den Parameter 'wo' im JAVA-Doc-Kommentar der Methode stopp(string wo) auf und erzeuge die JAVA-Dokumentation neu. Wenn sich der Schläger auf den Ball zu bewegt, dann reagiert der Ball meist seltsam oder gar nicht auf den Schläger. Dies lässt sich ganz einfach beheben. Begib dich nun in die Klasse PINGPONG und dort in die Methode tick(). Suche den Fall ball schneidet spielerl. Ergänze am Ende (nach der Invertierung von deltax des Balls) zwei Mal einen Methoden-Aufruf bewegen() an das Ball-Objekt. Verfahre ebenso beim Fall ball schneidet spielerr. Erzeuge ein Objekt der Klasse PINGPONG und teste, ob der Ball nun reflektiert, wenn ein Schläger sich auf ihn zu bewegt. Bist du mit der Reaktion des Balls auf den Schläger zufrieden? (s. Schritt 11) Suche nun die zweifache Fallunterscheidung spielerl schneidet rando / randu. Ergänze direkt darunter eine neue zweifache Fallunterscheidung: Verfahre analog nach der zweifachen Fallunterscheidung spielerr schneidet rando / randu. Erzeuge ein Objekt der Klasse PINGPONG und teste, ob die Schläger nun innerhalb ihrer Spielfeldhälfte bleiben.

19 Inf-10 NTG Objektorientiertes Programmieren Projekt PingPong O St R Michae l G anshor n 19 Neues Sequenz-Diagramm der Methode tick()

20 Inf-10 NTG Objektorientiertes Programmieren Projekt PingPong O St R Michae l G anshor n 20 S c h r i t t 1 1 Realisiere Schmetterschläge und Stoppbälle Begib dich in die Klasse SCHLAEGER und schreibe dort eine neue Methode nennedeltax(), welche den ganzzahligen wert von deltax zurück gibt. Füge der Methode einen JAVA-Doc-Kommentar hinzu und erzeuge die JAVA- Dokumentation neu. Begib dich in die Klasse BALL und schreibe dort eine neue Methode erhoehedeltax(), welche im Rumpf eine zweifache Fallunterscheidung hat: Schreibe analog eine weitere Methode verringeredeltax() in der Klasse BALL: Erzeuge eine Objekt der Klasse BALL und prüfe, ob sich die beiden Methoden richtig verhalten. Kann deltax den Wert 0 annehmen? Was würde das bedeuten? Füge den beiden neuen Methode JAVA-Doc-Kommentare hinzu und erzeuge die JAVA- Dokumentation neu. Begib dich in die Klasse PINGPONG und suche in der Methode tick() den Fall ball schneidet spielerl. Füge vor der zweifachen Fallunterscheidung mit den Abstandsberechnungen eine weitere zweifache Fallunterscheidung ein: Verfahre analog für den Fall ball schneidet spielerr : Erzeuge ein Objekt der Klasse PINGPONG und teste, ob der Ball schneller wird, wenn du ihm mit dem Schläger entgegen kommst. Wird er auch langsamer, wenn du ihm mit dem Schläger davon läufst?

21 Inf-10 NTG Objektorientiertes Programmieren Projekt PingPong O St R Michae l G anshor n 21 Neues Sequenz-Diagramm der Methode tick()

22 Inf-10 NTG Objektorientiertes Programmieren Projekt PingPong O St R Michae l G anshor n 22 S c h r i t t 1 2 Eine für jeden Computer ohne BlueJ ausführbare Datei erstellen Begib dich ganz an das Ende der Klasse PINGPONG und schreibe dort die main - Methode, welche später das Spiel starten wird: public static void main(string[] args) { new PingPong(); } Klicke im Hauptmenü von BlueJ auf Projekt / Als jar-archiv speichern. Wähle die Klasse PingPong als Klasse mit main -Methode. Speichere die engine-alpha als Benutzerbibliothek mit. Klicke auf Weiter. Wähle eine Speicherort und einen Namen. In diesem Ordner findest du nun deine Datei mit der Endung.jar und daneben die engine-alpha. Mache eine Rechtsklick auf deine Datei, wähle Eigenschaften und mache die Datei ausführbar. Doppelklicke auf die Datei um das Spiel zu starten. Sollte das nicht funktionieren, so mache einen Rechtsklick und wähle öffnen mit JAVA Runtime.