Echoes im Nebel

Echoes im Nebel ist ein interaktives HTML-Adventure mit Entscheidungen, Inventar, Sanity-System, mehreren Enden und einem versteckten Entwicklermodus. Das Projekt ist so aufgebaut, dass beide Gruppen ihren eigenen Spielteil einzeln abgeben können, während die komplette Version beide Teile zu einem zusammenhängenden Spiel verbindet.

Ordnerstruktur

• abgabe/komplett/ enthält das vollständige Spiel mit Teil 1 und Teil 2.
• abgabe/teil-1/ enthält den eigenständig spielbaren Teil von Gruppe 1.
• abgabe/teil-2/ enthält den eigenständig spielbaren Teil von Gruppe 2.

Jeder dieser Ordner funktioniert allein und besitzt eine eigene index.html, eigene JavaScript-Dateien, eigene CSS-Dateien und die nötigen Assets.

Starten

Die einfachste Variante ist, eine der folgenden Dateien direkt im Browser zu öffnen:

• abgabe/komplett/index.html
• abgabe/teil-1/index.html
• abgabe/teil-2/index.html

Steuerung

• Maus: Entscheidungen anklicken.
• Pfeiltasten: Auswahl nach oben oder unten bewegen.
• Enter: aktuelle Auswahl bestätigen.

Spielsysteme

Das Spiel ist datengetrieben aufgebaut: Die einzelnen Szenen liegen in JavaScript-Objekten, und die Spiel-Engine rendert daraus Text, Bilder, Entscheidungen, Inventar und Statuswerte.

Wichtige Systeme:

• Inventar: Gegenstände wie Taschenlampe, Schlüssel, Radio und Medikamente schalten neue Wege frei.
• Sanity: Einige Entscheidungen senken oder erhöhen die geistige Stabilität.
• Flags: Wichtige Ereignisse werden gespeichert, damit spätere Szenen darauf reagieren können.
• LoopCount: Wiederholungen werden gezählt und können andere Enden beeinflussen.
• Speicherstand: Jede Version speichert ihren Spielstand getrennt im Browser.
• Enden: Nach einem Ende wird der Spielstand zurückgesetzt, sobald man ins Hauptmenü zurückkehrt.
• Item-Wege: Wege zu bereits eingesammelten Gegenständen verschwinden, damit sich das Spiel weniger wiederholt.

Versionen

Komplett

Die komplette Version startet am Strand und verbindet beide Gruppenabschnitte. Teil 1 führt über Strand, Haus, Stadt, Eva und Krankenhaus. Teil 2 führt danach über Hafen, Boot, Lagerhaus, Leuchtturm und Finale.

Teil 1

Teil 1 ist für Gruppe 1 eigenständig spielbar. Der Abschnitt besitzt einen Anfang am Strand und eigene Enden im Krankenhausbereich.

Teil 2

Teil 2 ist für Gruppe 2 eigenständig spielbar. Der Abschnitt besitzt einen eigenen Einstieg, setzt die wichtigsten Voraussetzungen aus Teil 1 voraus und führt bis zu den Enden im Finale.

Enden

Es gibt mehrere mögliche Enden:

• gutes Ende durch genügend Hinweise und richtige Entscheidungen,
• Schleifen-Ende, wenn die Wahrheit abgelehnt wird,
• Secret Ending über bestimmte Hinweise, Eva-Entscheidungen, Leuchtturm-Fortschritt und niedrige Sanity,
• Madness Ending bei zu niedriger Sanity,
• eigene Teil-1-Enden für den Gruppenabschnitt.

Optionen

Die Optionen enthalten bewusst nur einen Audio-Regler. Damit kann die Lautstärke der Hintergrundatmosphäre angepasst werden, ohne zusätzliche Optionen vom Spiel abzulenken.

Entwicklermodus

Der Entwicklermodus ist versteckt und steht nicht im Hauptmenü. Er ist nur für Tests gedacht.

Freischalten:

• Tastenkombination: Strg + Umschalt + D
• Passwort: Nebel

Nach dem Freischalten:

• D öffnet oder schließt das Entwicklerpanel.
• S senkt Sanity.
• W erhöht Sanity.
• I gibt alle wichtigen Items.
• L erhöht den Loop-Zähler.
• R setzt den Spielstand zurück.

Dateien

Wichtige Dateien:

• index.html: Grundstruktur der jeweiligen Version.
• css/style.css: Layout, Menü, Dialogbox, Inventar, Effekte und responsive Darstellung.
• js/main.js: Haupteinstieg, Szenenwechsel, Steuerung, Entwicklermodus und Reset-Logik.
• js/state.js: Speicherstand, Inventar, Sanity, Flags und Audio-Lautstärke.
• js/scenes-shared.js: gemeinsame Szenen, Optionen, Credits und globale Enden.
• js/scenes-group-a.js: Szenen von Gruppe 1.
• js/scenes-group-b.js: Szenen von Gruppe 2.
• js/group-b-progress.js: Fortschrittsprüfungen von Gruppe 2 für Hafen, Lagerhaus, Leuchtturm und Finale.
• js/group-b-endings.js: Endlogik von Gruppe 2 für gutes Ende, Schleife und Secret Ending.
• js/ui.js: Darstellung von Entscheidungen, Inventar, HUD und Debug-Panel.
• js/audio.js: Audio-Regler und Hintergrundatmosphäre.
• js/sanity.js: Sanity-Prüfung, Madness Ending und Textstörung.

Credits

Projekt: Echoes im Nebel

Gruppe 1: Raphael und Jan. Zuständig für Strand, Haus, Stadt, Eva und Krankenhaus.

Gruppe 2: Fin, Finn und Finlay. Zuständig für Hafen, Boot, Lagerhaus, Leuchtturm und Finale.

Technik Gruppe 1: Grundaufbau mit HTML, CSS und Vanilla JavaScript, Hauptmenü, Szenenanzeige, Speicherstand, Inventar, allgemeine Auswahlprüfung und Sanity-System.

Technik Gruppe 2: eigener Teil-2-Spielablauf, Fortschrittsmodul für Hafen, Lagerhaus und Leuchtturm, Finale-Prüfung, Endmodul für gutes Ende, Schleife und Secret Ending, Audio-Regler und Entwicklerwerkzeuge zum Testen.

Die beiden Spielteile wurden weitgehend unabhängig voneinander programmiert und sind deshalb auch einzeln spielbar. Für die Komplettversion wurden nur die gemeinsamen Übergänge, Grundsysteme und Endlogiken abgestimmt, damit beide Gruppenarbeiten zusammen ein zusammenhängendes Spiel ergeben.