Menü und Ladebalken

Bei der Konzeption der Menüs und Anzeigen haben wir einen schlichten Stil gewählt, um den Spieler nicht vom wesentlichen abzulenken.

Ladebalken

Der Ladebalken wird, während der Fileloader die Dateien läd, aktualisiert. Dabei wird der prozentuale Anteil der bereits geladenen Dateien als neue Breite des Balkens gesetzt. Nachdem alle Dateien geladen wurden, wird der Ladebalken ausgeblendet und das Startmenü wird eingeblendet. Sollten eine oder mehrere Dateien nicht geladen werden können wird der Spieler durch eine Nachricht darauf hingewiesen und er kann das Spiel gegebenenfalls neu laden.

Ausschnitt aus der Datei FileLoader.js

Das Hauptmenü

Im Hauptmenü kann man sich einen Namen im Feld "Nickname" eingeben. Dieser wird während des Spiels am rechten oberen Bildrand eingeblendet. Beim klicken des Knopf "Spielen" wird das Hauptmenü ausgeblendet und das Spiel startet. Unter "Einstellungen" ruft man das Untermenü mit den Einstellungsmöglichkeiten auf. Dort kann man folgende Dinge einstellen:

• Den Sound aus- oder einschalten
• Performanteres Feuer einschalten
• Das Smoothing der Texturen ausschalten
• Das Phongshading durch Lambert-Shading ersetzen
• Die Beleuchtung durch Deckenlichter ausschalten und durch Ambientes Licht ersetzen*

Zuletzt kann man sich unter "Credits" eine kurze Beschreibung des Spiels anzeigen lassen. Dort befindet sich auch ein Link zum Quellcode auf Github.

Screenshot des Hauptmenüs

Damit das Spiel nicht im Hintergrund startet während man sich noch im Menü aufhält wird die boolesche Variable "menu" erst auf true gesetzt sobald man auf Spielen klickt. Wenn "menu" true ist wird in der Loop() Methode nichts aufgerufen, wodurch das Spiel pausiert ist. Während man sich im Spiel befindet kann man durch das drücken der ESC-Taste das Ingame-Menü aufrufen. Auch in diesem Fall wird "menu" auf true gesetzt. Aus dem Ingame-Menü kann man das Hauptmenü aufrufen, wodurch das laufende Spiel beendet wird, oder das Spiel fortsetzen.

Die Anzeigen im Spiel

im Spiel selbst werden dem Spieler durch drei Anzeigen Informationen gegeben. der Ausdauerbalken ist unten links zu sehen. Dieser verringert sich sobald der Spieler die Shift-Taste drückt um zu rennen. Der Ausdauerbalken füllt sich wenn man die Taste wieder loslässt von selbst wieder auf. Neben dem Ausdauerbalken liegt das Inventar. Im Inventar werden die zur Zeit vom Spieler mitgeführten Objekte als Bild angezeigt. Die Objekte lassen sich über die Nummerntasten 1, 2 und 3 auswählen und anschließend benutzen. Der Lebensbalken befindet sich rechts neben dem Inventar. Er seht mit der Variable "health" in Verbindung und zeigt deren Wert an. Wenn das Leben des Spielers auf null gesunken ist wird ein Game-Over Bildschirm eingeblendet und das Spiel muss über das Ingame-Menü verlassen werden.

Anzeigen im Spiel: links Ausdauerbalken, Mitte Inventar, rechts Lebendsbalken