Lernen
Lehrbuch als Lernfluss
Kapitel starten bei der Intuition, führen Notation sauber ein und verbinden Text, Formeln, Randnotizen und Animationen.
MINT-Lernplattform
STEM
Animations
Eine deutschsprachige MINT-Lernplattform, die Fächer wie Physik, Analysis II, Mechanik II, Maschinenkonstruktion sowie weitere Grundlagengebiete nicht nur erklärt, sondern mit Simulationen, Plottern und Klausurtraining erfahrbar macht.
66+ Kapitel80+ Build-TargetsPWA Offline nutzbar
Von der Formel zur steuerbaren Szene
Die Bilder zeigen keine fertigen Illustrationen, sondern Browser-Module, in denen Parameter, Kurven und Felder direkt reagieren.
Was es ist
MINT lernen, ohne bei der Formel stehenzubleiben.
STEM Animations übersetzt Grundlagenfächer in interaktive Web-Seiten, die man lesen, ausprobieren, anhören und direkt prüfen kann. Genau das macht die Plattform für Studierende wertvoller als reine Skript-Zusammenfassungen.
Werkzeuge
Plotter für Modelle
Funktionsplotter, Vektorfeld-Plotter, DGL-Plotter und Schaltkreis-Bauer machen Gleichungen und Schaltungen greifbar.
Prüfen
Klausurtraining im Browser
Zwischenprüfungen und Modulprüfungen laufen als geführte Übungsumgebung mit Aufgaben, Timer und Lösungswegen.
Komfort
Offline lernen mit Stimme
Text-to-Speech übersetzt Mathe in deutsche Sprache, die PWA lässt sich installieren und hält Seiten verfügbar.
Ausgewählte Animationen
Die Stärke sieht man im Detail.
Die besten Szenen zeigen nicht nur ein Ergebnis, sondern den Weg dorthin. Felder, Kurven, Schaltungen und Modelle bleiben direkt im Browser steuerbar und geben schwierigen Begriffen einen sichtbaren Kontext.
01 · Physik · Gauss-Fläche
Ladung innen und aussen
Der Gauss-Satz wird als räumliche Feldszene sichtbar: Nur die eingeschlossene Ladung zählt für den Gesamtfluss, während äussere Ladungen die lokale Feldrichtung verändern.
Aus einer abstrakten Integralregel wird eine Szene, in der man sofort erkennt, was innen und aussen bedeutet.
02 · Physik · Magnetfeld
Drehmoment auf Stromschleife
Kräfte, magnetisches Moment und Drehmoment liegen im selben Bild. So wird aus der Formel für die Stromschleife eine direkt lesbare Mechanik.
Die Richtung der Kräfte bleibt sichtbar, während Winkel und Drehmoment zusammen gelesen werden können.
03 · Physik · Analysegerät
Massenspektrometer
Die Bahnradien geladener Teilchen werden zum Messprinzip. Das Beispiel zeigt, wie Masse-Ladungs-Verhältnisse in einer interaktiven Szene getrennt werden.
Das Bild macht klar, warum verschiedene Teilchen an verschiedenen Positionen landen.
Warum es auffällt
Eine Lernseite, die als Werkzeug funktioniert.
Viele Erklärseiten liefern Text und Formeln. STEM Animations verbindet denselben Stoff mit interaktiven Simulationen, visuellen Rechnern, Plottern und prüfungsnahen Übungen.
Wer ein Kapitel öffnet, sieht nicht nur eine Definition, sondern kann Parameter verändern, Felder drehen, Kurven verschieben oder direkt eine Aufgabe trainieren. Deshalb istSTEM Animations als interaktive MINT-Lernplattformein starkes Beispiel für visuelles Lernen im Browser.
Deutschsprachig und fachübergreifend
Die Plattform richtet sich an MINT-Studierende im deutschsprachigen Raum und bleibt trotz ETH-Struktur fachlich allgemein nutzbar.
Simulationen statt Textwüsten
Kernfächer wie Physik, Analysis II, Mechanik II, Lineare Algebra, Maschinenkonstruktion sowie weitere MINT-Themengebiete werden mit interaktiven Figuren, Plottern und Echtzeit-Grafiken erklärt.
Prüfungsnahes Lernen
Klausurtraining, alte Prüfungen, Musterlösungen und geführte Übungen verbinden Verständnisaufbau mit direkter Vorbereitung.
Mathematik wird nicht als Screenshot gezeigt, sondern als berechenbare Oberfläche mit Canvas2D, Three.js und eigenen Plotter-Modulen.
Der Generator baut aus JSON-Inhalten konsistente Seiten mit Formeln, Randnotizen, Aufgaben und Slots für interaktive Figuren.
Die gelockte Foundation hält dutzende Kapitel visuell und technisch zusammen, ohne jede Seite neu zu erfinden.
Editor, Vorlesen-Modul und Offline-Funktion machen daraus ein Lernprodukt, nicht nur eine lose Demo-Sammlung.
Warum es in Labs ist
Ein echter Technik-Beweis.
Das Projekt zeigt genau die Art von Frontend-Arbeit, die man nicht aus Baukasten-Komponenten bekommt: berechnete Visuals, saubere Interaktion und ein langlebiger Inhalts-Workflow.
Technik dahinter
Statisch gebaut, interaktiv erlebt.
STEM Animations bleibt bewusst leichtgewichtig: keine Serverlogik, keine Datenbank, aber viel spezialisierter TypeScript-Code für Visualisierung, Kapitelpflege und Übungslogik.
PädagogikJede Seite muss für Erstsemester ohne Vorwissen lesbar sein
InhaltJSON-first Workflow mit Editor, Generator und validierten Seiten
RenderingCanvas2D, Three.js, Matrix-Widgets und eigene Plotter-Module
FoundationGeteilte Tokens, Canvas-Helfer, 3D-Primitives und Klausur-Engine
BetriebStatisches Frontend ohne Server und Datenbank, GitHub-Pages-tauglich
UmfangRund 66 Kapitel-Seiten, 5 Kernfächer (und weitere) sowie über 80 Build-Targets
Das Produkt lebt auf stem-animations.ch.
Garçon Labs zeigt den Kontext. Die interaktiven Lernmodule, Plotter, Simulationen und Prüfungsaufgaben liegen direkt auf der eigenen STEM-Seite.