Dokumentation zum Massive Multiplayer Online Game - Universität ...

4. Schiffe und Missionen
39
Vorüberlegungen
Meine Idee zur Gestaltung der Missions-View war es, eine dynamische Seite zu schreiben, welche auf die
verschiedenen Eingaben und den individuellen Status des Users abgestimmt sein soll. Dieses Prinzip soll,
neben der erhöhten Verständlichkeit, dafür sorgen fehlerhafte Eingaben des Users zu verhindern.
Zusätzlich sollten alle speziellen Anfragen des Users ausschließlich per AJAX-Requests ablaufen, sodass ein
Neuladen der Seite nicht nötig ist. Auf die AJAX-Requests soll mit einem JSON geantwortet werden der Form
{"ok" : 1} oder {"ok" : 0}, sodass die nächste Aktion nur ausgeführt wird, wenn die Antwort "ok" ist. Zusätzlich
werden je nach Anfragen noch weitere {Schlüssel:Wert} Paare in die Antwort gegeben.
Der generelle Ablauf soll so gestaltet werden, dass der Benutzer durch mehrere Menüs geleitet wird. Die
einzelnen Menüs sollen sich nacheinander öffnen und auch nur dann, wenn im vorigen Menü eine Eingabe
gemacht wurde. Dabei wird bei jeder Eingabe, ein verstecktes Input-Feld dynamisch in eine html-form eingefügt,
sodass am Ende, sollte alles korrekt sein, die Form durch einen Submit-Button abgeschickt werden kann.
Zusätzlich sei zu erwähnen, dass die Seite auch mit Fehlentscheidungen umgehen kann. Sollten Änderungen
vorgenommen werden an der derzeitigen Eingabe, werden entsprechende Änderungen ebenfalls intern
nachvollzogen.
Umsetzung
Gelangt der User auf die Seite, so ergeben sich für ihn nur die 5 Missionstypen
als Buttons zur Auswahl, welche zusätzlich durch ein Popover erklärt werden,
sobald sich die Maus über die Schaltfläche bewegt.
Klickt der User auf einen dieser Buttons, so wird ein weiteres Menü geöffnet,
welches alle Flotten, des Users auflistet. Die Buttons der anderen Missionstypen
sind nun disabled. Dort ist es möglich durch Klicken eines Pfeils die
Zusammensetzung der Flotte anzeigen zu lassen (Man beachte die Bilder die beim
Bewegen des Mauszeigers über die Tabellenzeilen erscheinen). Zusätzlich kann
man sich die Fracht anzeigen lassen, was für Transport oder Kolonialisierung eine
Rolle spielt.
Durch einen Klick auf den Haken, wird diese Flotte ausgewählt und es öffnet sich
ein Menü zur Auswahl des Ziels. Hier muss zunächst die Galaxie ausgewählt
werden, woraufhin die dort befindlichen Sonnensysteme in das nächste
Dropdown-Menü geladen werden. Bei der Wahl des Sonnensystems, werden
ebenfalls ausschließlich die Planeten in das nächste Dropdown-Menü geladen,
welche in dem Sonnensystem enthalten sind. Zusätzlich steht bei befreundeten
oder eigenen Planeten eine kleine Info, sodass dem User ein wenig Übersicht
geboten werden kann. Dieses Verfahren verhindert ungültige Angaben, da dem
User lediglich erreichbare/bekannte Galaxien/Sonnensysteme/Planeten angezeigt
werden. Zusätzlich gibt es, wenn der User zu Beginn auf Spionage geklickt hat,
| Ablauf des Missionsmenüs
die Möglichkeit, durch Drücken eines Buttons einen zufälligen neuen Planeten in die Liste einzufügen. So ist
es dem User möglich neue Sonnensysteme/Galaxien zu erkunden und somit sein Sichtspektrum zu erweitern.
Wurde ein Planet gewählt, wird im Hintergrund ein AJAX-Request gesendet, welcher der Distanz der gewählten
Flotte zum soeben ausgesuchten Planeten abfragt und anzeigt.
GET /json/distance?planet1=&planet2=
So kann der Spieler ungefähr abschätzen, wie weit beziehungsweise lange seine Schiffe fliegen werden.
Zeitgleich zu der Anzeige der Entfernung öffnet sich eine Tabelle, wo die Anzahlen der einzelnen Schiffe
eingegeben werden kann, welche die Mission ausführen sollen. Diese Tabelle enthält die Informationen über
die zuvor ausgewählte Flotte. Bei Eingabe der Anzahlwerte einzelner Schiffstypen werden automatisch die
summierten Werte der Flotte für Angriff, Verteidigung und Lagerkapazität angezeigt. Außerdem werden von
dem Eingabefeld lediglich Zahlen angenommen, welche im Intervall zwischen 0 und der maximalen Anzahl
der Schiffe stehen.
Sollte Transport oder Kolonialisierung gewählt worden sein, ist zusätzlich ein Auswahlmenü für Fracht geöffnet
worden. Die Funktionialität ist ähnlich der für die Schiffsauswahl.