Milestone Prototyp

[TorbenHaug]

Beschreibung:

Der Technical Demonstrator dient dazu, zu zeigen, das die Gesamte Technik beherrscht wird. In den Vorhergehenden Tasks (siehe Meilenstein Prototyp) wurden der Input, die Datenübertragung und der Output separat implementiert und getestet. Jetzt geht es darum, das Zusammenspiel sicherzustellen, und zu zeigen, dass ein komplexer Ablauf durchgeführt werden kann.

Anforderung:

Es wurde ein fachlicher Ablauf (https://github.com/Transport-Protocol/MBC-Ping-Pong/blob/master/docu/maindocumentation/architecture/prototypSequenceDiagram.png) definiert, dieser ist möglichst weitgehend umzusetzen.

Abnahmekriterien:

• http://<IpDesNodeJsServers>:<HttpPortDesNodeJsServers>/DisplayPeer.html zeigt ein Spielfeld
• http://<IpDesNodeJsServers>:<HttpPortDesNodeJsServers>/ControlPeer.html zeigt ein Touchfeld
• Beim Aufruf der ControlPeer.html wird dem Spiel beigetrehten.
• Tritt ein User dem Spiel bei, wird für ihn ein Sprite erzeugt.
• Der User kann das Sprite, von seinem Handy aus, per Touch auf eine X-/Y-Koordinate setzen, und wenn er seinen Finger bewegt, bewegt sich das Sprite mit.
• Verläßt ein User das Spiel, wird sein Sprite von aus dem Spiel entfernt und freigegeben.
• Es können 0-6 Spieler gleichzeitig spielen.
• Sind 6 Spieler vorhanden, und ein weiterer Spieler versucht sich zu verbinden, tritt er dem Spiel nicht bei.
• Sind 6 Spieler vorhanden, und verlässt (Browser schließen) ein Spieler das Spiel, kann ein Anderer beitreten

[TorbenHaug]

Dem Prototypen wurde eine Spielerklasse hinzugefügt.
Zum Testen kann die DisplayPeer.html aufgerufen werden.
Dann in der Console eingeben: addTestPlayer() und in das Fenster klicken.
Achtung, muss entweder manuell mit browserify gebaut werden, oder mit docker gestartet werden.

[TorbenHaug]

@Blackgen Bitte prüfen, warum man den Player nicht beim laden hinzufügen kann.
Fehler Reproduktion:
In der DisplayPeerMain.js "Game.addPlayerToGame();" auf oberster ebene hinzufügen.

[TorbenHaug]

Das Game bietet jetzt das Interface gemäß der Spezifikation.
In der DisplayPeerMain.js ist ein UsageExample. Um dies zu nutzen einfach die DisplayPeer.html öffnen und in der Console eingeben:

• einmal var players = [];
• zum hinzufügen players.push(new addTestPlayer());
• zum löschen players.push(new addTestPlayer());