HTML-Interaktionen

Während die meisten Interaktionensfunktionen sofort nach deren Aufruf einmalig Einfluss auf das Spiel nehmen, gibt es noch wenige Sonderfälle im Spielverlauf, die ein wenig komplexer sind: Dort soll dem Spieler eine bestimmte Textur vergrößert angezeigt werden. Zum Beispiel wird der Spieler dazu aufgefordert, einen Code auf einem Pin-Pad einzugeben, um Zutritt zu einem Raum zu erhalten. Bei Klick auf das Pin-Pad wird das Eingabefeld separat eingeblendet, um dem Nutzer die Eingabe einfacher zu ermöglichen.

Dazu wurde ein spezielles HTML-Element mit der Pin-Pad-Textur eingefügt, das in der CSS-Datei ausgeblendet wurde. Wird mit dem Pin-Pad nun interagiert, wird per JavaScript die CSS-Datei angesprochen und ändert das display-Attribut des Elements, damit dem Spieler die Textur eingeblendet wird. Der Mauszeiger wird wieder aus dem Spiel gelöst, sodass die Möglichkeit besteht, unsichtbare über die Textur gelegte Buttons anzuklicken. Diese rufen bei Klick eine gesonderte Interaktions-Funktion auf, die verarbeitet, von welchem Button das Signal kam und was die Eingabe für das Spiel bedeutet.

Ähnlich wie bei der Pausenfunktion mussten einige Teile des Spiel-Loops zeitgleich ausgestellt werden, damit der Spieler sich während der Eingabe nicht vom Objekt wegbewegen kann. Trotzdem war auch hier eine gesonderte Behandlung notwendig, da, anders als im Pausenmenü, es weiter möglich sein sollte, Energie aufgrund des Rauchs in der Umgebung zu verlieren.