# Chemie-Lernspiel Entwicklungs-Log & Roadmap

Dieses Dokument dokumentiert die erfolgreich abgeschlossenen Entwicklungsphasen und legt die Roadmap für zukünftige Versionen fest.

---

## 🏆 Abgeschlossene Phasen

### Phase 1: Der erste Prototyp (Sandbox-Kern)
- **Drag & Drop System:** Atome können frei auf dem Labortisch gezogen und miteinander kollidiert werden.
- **8 Grundelemente:** Wasserstoff (H), Helium (He), Kohlenstoff (C), Stickstoff (N), Sauerstoff (O), Natrium (Na), Chlor (Cl), Schwefel (S), Eisen (Fe).
- **18 Rezepturenbuch:** Chemisch exakte Fusionsrezepte für Moleküle wie Wasser ($H_2O$), Salz ($NaCl$), Methan ($CH_4$), Salzsäure ($HCl$), Ammoniak ($NH_3$), etc.
- **Entdecker-Buch (Lexikon):** Sidebar-Lexikon, das den Fortschritt anzeigt, unentdeckte Rezepte verschlüsselt (`🔒 ???`) und freigeschaltete mit Alltags-Fakten anzeigt. Der Spielfortschritt persistiert im `localStorage`.
- **Partikel-Explosion:** Physikalisch animierte Farbfunken (Web Animations API) schießen bei erfolgreicher Synthese aus dem Fusionszentrum.
- **3D-Scherenmodell:** Atome haben durch CSS-Radial-Gradients ein plastisches 3D-Kugel-Aussehen.

### Phase 2: Das interaktive PSE-Cockpit (Option 1)
- **Periodensystem-Overlay:** Ein Klick auf "📊 Periodensystem" öffnet ein vollflächiges, dunkles Periodensystem-Interfache (CSS Grid, 18 Spalten x 4 Zeilen).
- **Wissenschaftliche Steckbriefe:** Detaillierte Karten für jedes Element mit Ordnungszahl, Atommasse, Gruppenbezeichnung und Alltagsvorkommen.
- **Aktives Schalenmodell (Bohr-Modell):** Eine dynamische Schalen-Visualisierung berechnet die Kreisbahnen der Elektronen trigonometrisch und lässt sie in flüssiger Bewegung rotieren. Jedes Atom hat seine reale Elektronenkonfiguration (z. B. Natrium: 2, 8, 1 Schalen).
- **Direktes Spawnen:** Elemente können direkt aus dem PSE-Steckbrief auf den Tisch gespawnt werden.

### Phase 3: Der Story-Modus (Missions-Zentrale)
- **Kampagnen-System:** Ein Umschalter zwischen "🧪 Sandbox" und "🏆 Story-Modus" in der Sidebar.
- **Kapitelbasierte Level:**
  1. *Level 1: Die salzige Suppe* (Ziel: $NaCl$ Kochsalz)
  2. *Level 2: Das Lebenselixier* (Ziel: $H_2O$ Wasser)
  3. *Level 3: Der Mülleimerbrand* (Ziel: $CO_2$ Kohlendioxid)
  4. *Level 4: Dünger für die Ernte* (Ziel: $NH_3$ Ammoniak)
  5. *Level 5: Die Verdauungshilfe* (Ziel: $HCl$ Salzsäure)
  6. *Level 6: Die weiße Rauchbombe* (Ziel: $NH_4Cl$ Ammoniumchlorid aus $NH_3$ und $HCl$)
  7. *Level 7: Das saure Umweltproblem* (Ziel: $H_2SO_3$ Schweflige Säure aus $SO_2$ und $H_2O$)
  8. *Level 8: Die Säure-Base-Schlacht* (Ziel: Neutralisation von $HCl$ und $NaOH$ zu $NaCl$ und $H_2O$)
- **Professor Atomus NPCs:** Ein stilisierter Avatar des Professors führt den Spieler mit Dialogen durch die Quests, gibt Hinweise und gratuliert zum Erfolg.
- **Level-Beschränkungen (Constraints):** Jedes Level schaltet nur diejenigen Elemente frei, die chemisch sinnvoll sind. Andere Elemente sind gesperrt, um den Lernpfad zu kanalisieren.
- **Erfolgs-Zertifikat:** Nach Abschluss des achten Levels wird das Spiel offiziell mit einem Meistertitel gekrönt.

### Phase 4: Molekül-Reaktionen (Säure-Base-Interaktionen)
- **Mehrstufige Reaktionen:** Ermöglichen von Kollisionen zwischen Atomen und Molekülen sowie Molekülen mit Molekülen.
- **7 komplexe Reaktionen:**
  - Säure-Base-Neutralisation ($HCl$ + $NaOH$ $\rightarrow$ $NaCl$ + $H_2O$)
  - Methangas-Verbrennung ($CH_4$ + 2 $O_2$ $\rightarrow$ $CO_2$ + 2 $H_2O$)
  - Ammoniumchlorid-Synthese ($NH_3$ + $HCl$ $\rightarrow$ $NH_4Cl$)
  - Saure-Regen-Bildung ($SO_2$ + $H_2O$ $\rightarrow$ $H_2SO_3$)
  - Kohlensäure-Bildung ($CO_2$ + $H_2O$ $\rightarrow$ $H_2CO_3$)
  - Säureangriff auf Metalle ($Fe$ + 2 $HCl$ $\rightarrow$ $FeCl_2$ + $H_2$)
  - Chlorknallgas-Reaktion ($H_2$ + $Cl_2$ $\rightarrow$ 2 $HCl$)
- **Neue Moleküle:** Ammoniumchlorid ($NH_4Cl$), Schweflige Säure ($H_2SO_3$), Kohlensäure ($H_2CO_3$) und Eisenchlorid ($FeCl_2$) im Lexikon integriert (jetzt 22 Moleküle insgesamt).
- **Visuelle Reaktivitäts-Overlays:** Spezielle Orange exotherme Explosionseffekte und Reaktionsgleichungen-Anzeigen im Entdeckungs-Modal (z.B. `HCl + NaOH → NaCl + H₂O` mit tiefgestellten Zahlen).

---

## 🚀 Zukünftige Roadmap (Für die mobile App)

### Phase 5: Multimedia & Grafik-Erweiterung
- **Bilder & Animationen:** Ersatz der einfachen Kreise durch kunstvolle Texturen oder Element-Avatare.
- **Soundeffekte (SFX):** Integrieren von Audio-Signalen bei Reaktionen ("Zisch!", "Plopp!", "Puff!").

### Phase 6: Mobile Plattform-Portierung (iOS / Android)
- **Entwicklungs-Framework:** Portierung in die **Godot Engine** (Open Source, extrem leichtgewichtig, perfekt für 2D-Physik und mobile UI-Skalierung).
- **Backend & Logins:** Cloud-Saves mit Firebase, damit Benutzer sich registrieren und ihren Spielstand geräteübergreifend synchronisieren können.