Selbstlernpfad – Energie aus Wasserstoff

H₂ → ⚡ VR-Lernpfad: Strom aus Wasserstoff
🥽 VR-Lernpfad · Chemie Klasse 8

H₂ → ⚡
Strom aus Wasserstoff

Tauche in den dreidimensionalen Raum ein und erlebe, wie eine Brennstoffzelle von innen funktioniert – mit VR-Brille, eigenen 3D-Szenen und echter Chemie.

🧑‍🏫 Entwickelt von: Chemielehrer & begeisterter VR-Nutzer  |  Zielgruppe: ~13 Jahre

Die Reaktion verstehen

Bevor wir in die VR gehen, müssen wir wissen, was wir visualisieren wollen. Hier ist die Herzreaktion der Brennstoffzelle:

// Brennstoffzellen-Reaktion (vereinfacht)
2 H₂ + O₂ 2 H₂O + ⚡ Strom
Anode (−):  2 H₂ → 4 H⁺ + 4 e⁻   |   Kathode (+):  O₂ + 4 H⁺ + 4 e⁻ → 2 H₂O

Was in der VR sichtbar werden soll: Die Wasserstoffmoleküle (H₂) werden an der Anode in Protonen (H⁺) und Elektronen (e⁻) aufgespalten. Die Elektronen fließen als elektrischer Strom durch den äußeren Schaltkreis – genau das wollen wir dreidimensional sichtbar machen!

Dein Weg zur VR-Szene

Gehe Schritt für Schritt vor. Jede Stufe baut auf der vorherigen auf.

01
Theorie
Brennstoffzelle verstehen

Erst schauen, dann bauen. Bevor du eine 3D-Szene erstellst, musst du die Funktionsweise der Brennstoffzelle so gut verstehen, dass du sie jemandem erklären könntest.

  • Schau dir auf YouTube ein Erklär­video zur Brennstoffzelle an (z. B. „Brennstoffzelle einfach erklärt“)
  • Skizziere auf Papier: Wo fließen Protonen? Wo Elektronen? Was ist die Membran?
  • Beantworte schriftlich: Was ist der Unterschied zwischen einem Akku und einer Brennstoffzelle?
  • Optional: Interaktive Simulation auf PhET Interactive Simulations (phet.colorado.edu) ausprobieren
⏱ ca. 30–40 Minuten
02
Erkunden
Fertige VR-Inhalte ausprobieren

Bevor du selbst etwas baust, schau dir an, was andere schon gemacht haben. Das gibt dir Ideen und ein Gefühl dafür, wie eine gute VR-Szene aussieht.

  • Google Arts & Culture: Molekül-Visualisierungen im Browser (kein Headset nötig)
  • Merge EDU / Merge Cube: Chemie-3D-Objekte mit dem Handy in Augmented Reality ansehen
  • CoSpaces Edu: Vorgefertigte Chemie-VR-Szenen von anderen Schülern durchlaufen
  • Schreibe dir auf: Was fehlt dir in diesen Szenen? Was möchtest du besser machen?
⏱ ca. 45–60 Minuten
03
Bauen
Eigene VR-Szene erstellen

Jetzt wird’s ernst! Du baust deine eigene 3D-Szene der Brennstoffzelle. Wähle eines der unten genannten Tools – je nach verfügbarem Gerät.

  • Mit CoSpaces Edu: Sphären als H-Atome platzieren, Pfeile für Elektronenfluss, Texte beschriften
  • Mit A-Frame (Browser): HTML-Code schreiben – Moleküle als 3D-Kugeln, Animation des Elektronenflusses
  • Mit Tinkercad: Brennstoffzellen-Querschnitt als 3D-Modell erstellen und exportieren
  • Baue mindestens 3 „Szenen“: (1) Moleküle, (2) Aufspaltung an der Anode, (3) Elektronenfluss = Strom
  • Füge beschriftete Erklärungen direkt in der 3D-Szene ein
⏱ ca. 2–3 Stunden (kann auf mehrere Tage aufgeteilt werden)
04
Präsentieren
Deine Szene vorführen & erklären

Das Beste an VR: andere können deine Welt betreten! Zeige deiner Klasse, was du gebaut hast – und erkläre dabei die Chemie.

  • Führe 2 Mitschülerinnen oder Mitschüler durch deine VR-Szene (als „virtueller Reiseführer“)
  • Erkläre dabei laut und in eigenen Worten: Reaktionsgleichung, Protonen, Elektronen, Membran
  • Erstelle ein kurzes Erklärvideo (Screencast) deiner Szene als Backup ohne Headset
  • Selbstreflexion: Was würdest du beim nächsten Mal anders machen?
⏱ ca. 20–30 Minuten Präsentation

VR-Tools im Überblick

Hier findest du Tools für jeden Bedarf – egal ob du ein Headset hast oder nur einen Browser.

Browser 🌐
A-Frame

VR direkt im Browser mit HTML-Code. Kein Download, kein Headset nötig – aber VR-Brille wird unterstützt. Perfekt für erste eigene 3D-Szenen.

aframe.io HTML/CSS kostenlos Headset optional
Kostenlos 🏫
CoSpaces Edu

Drag-and-Drop-Plattform speziell für Schulen. 3D-Welten ohne Code bauen, mit VR-Brille oder Browser erkunden. Klassen­verwaltung für Lehrer.

cospaces.io/edu kein Code nötig Schüler-Plan kostenlos
Kostenlos 🔬
Merge EDU

Augmented Reality mit dem Merge Cube – halte echte Moleküle in der Hand! Eigene Inhalte mit dem Merge Object Viewer laden.

mergeedu.com Handy/Tablet AR/VR
Browser 🧊
Tinkercad

3D-Modelle im Browser bauen und als STL/OBJ exportieren. Kein VR, aber tolle Grundlage für 3D-Objekte, die später in A-Frame landen.

tinkercad.com 3D-Modellierung Export zu A-Frame
Kostenlos 🧬
Molecule Viewer (3Dmol.js)

Echte Molekülstrukturen aus wissenschaftlichen Datenbanken (PubChem) im Browser in 3D drehen und erkunden – H₂O und O₂ direkt anschauen.

3dmol.csb.pitt.edu Echte Daten kein Headset
Schullizenz 🥽
Labster / Praxilabs

Virtuelle Chemielabore mit geführten Experimenten zur Elektrochemie. Perfekt wenn eure Schule eine Lizenz hat – fragt euren Lehrer!

labster.com geführte Experimente Lizenz nötig

Deine erste A-Frame Szene

Kopiere diesen Code in eine Datei wasserstoff.html und öffne sie im Browser. Schon hast du eine erste 3D-Brennstoffzellen-Szene!

wasserstoff.html · A-Frame Starter
<!-- 1. A-Frame Bibliothek laden -->
<script src="https://aframe.io/releases/1.5.0/aframe.min.js"></script>

<a-scene background="color: #0a0e1a">

  <!-- 2. Wasserstoff-Moleküle (blau) -->
  <a-sphere position="-2 1.5 -4"
             radius="0.3"
             color="#00d4ff"
             animation="property: position; to: -1 1.5 -4;
                        dur: 2000; loop: true; dir: alternate"></a-sphere>

  <!-- 3. Sauerstoff-Molekül (grau) -->
  <a-sphere position="2 1.5 -4"
             radius="0.4"
             color="#64748b"></a-sphere>

  <!-- 4. Membran (transparente Box) -->
  <a-box position="0 1.5 -4"
          width="0.08" height="3" depth="2"
          color="#a855f7"
          opacity="0.4"></a-box>

  <!-- 5. Elektron (orange, bewegt sich als Strom) -->
  <a-sphere position="-1.5 2.5 -4"
             radius="0.12"
             color="#ff6b35"
             animation="property: position;
                        from: -1.5 2.5 -4; to: 1.5 2.5 -4;
                        dur: 1500; loop: true"></a-sphere>

  <!-- 6. Beschriftungen -->
  <a-text value="H₂ (Wasserstoff)"
           position="-2 0.8 -4"
           color="#00d4ff"
           align="center"></a-text>

  <a-text value="⚡ Elektron = Strom!"
           position="0 3.2 -4"
           color="#ff6b35"
           align="center"></a-text>

  <!-- 7. Kamera (Benutzer-Position) -->
  <a-camera position="0 1.6 1"></a-camera>

</a-scene>
🖱️
Im Browser testen Einfach die .html-Datei doppelklicken. WASD-Tasten zum Bewegen, Maus zum Umschauen.
📱
Mit Handy in VR Öffne die Datei auf dem Handy (lokaler Server oder repl.it). Das VR-Icon unten rechts startet den Cardboard-Modus.
🔵
Farben der Chemie Blau = H, Rot = O, Schwarz = C, Grün = Cl. Diese Konvention ist Standard in 3D-Visualisierungen.
💡
Nächste Schritte Füge <a-light> für Beleuchtung hinzu und probiere verschiedene animation-Werte aus.

Wie wird deine Arbeit bewertet?

Dein Lehrer bewertet drei Bereiche – hier siehst du, worauf es ankommt.

📋 Bewertungsraster — VR-Projekt Brennstoffzelle
Kriterium
⭐ Grundlegend
⭐⭐ Gut
⭐⭐⭐ Hervorragend
Fachliche Richtigkeit
Chemie stimmt?
Reaktion erkennbar, kleine Fehler
Gleichung korrekt, Anode/Kathode benannt
Alle Details korrekt, Protonen­austausch erklärt
3D-Umsetzung
Szene nachvollziehbar?
Mindest­elemente vorhanden
Beschriftet, navigierbar, animiert
Immersiv, mehrere Perspektiven, kreativ
Erklärung / Präsentation
Kannst du es erklären?
Grundbegriffe benannt
Zusammenhänge erklärt
Mitschüler*innen verstehen es ohne Hilfe

So wird’s richtig gut

Erfahrungen aus dem echten VR-Einsatz im Unterricht:

🎯
Weniger ist mehr Zeige lieber einen einzigen Prozess (z. B. Elektronenfluss) wirklich gut, als alles auf einmal – VR kann überwältigen.
📐
Maßstab beachten Atome auf ~0.3m, Membran auf 3m Höhe – dann sieht die Szene für jemanden in „normaler Größe“ sinnvoll aus.
🎨
Farben aus der Chemie Verwende CPK-Farben: H = weiß/blau, O = rot, N = blau, C = schwarz. Das ist wissenschaftlicher Standard!
👥
Zu zweit ist besser Baut die Szene zu zweit – eine Person baut, die andere schaut durch die Brille und gibt Feedback.
📸
Screenshots sichern Mache regelmäßig Screenshots oder Screencasts. Eure Arbeit verdient Dokumentation!
🔗
Reale Daten nutzen Lade echte Molekül­dateien (.mol, .pdb) von PubChem herunter – dann stimmen die Formen wirklich!