Interaktive Web-Animationen im Browser

Newcomens Dampfmaschine
Newcomens Dampfmaschine
Viergelenkgetriebe
Viergelenkgetriebe
Wärmepumpe
Wärmepumpe
Holländische Windmühle
Holländische Windmühle
PID-Regler
PID-Regler
Kräfte am Rotor
Kräfte am Rotor
Kurbelgetriebe
Kurbelgetriebe
Mechanische Arbeit
Mechanische Arbeit
Einführung Induktionsgesetz
Einführung Induktionsgesetz
Pelton-Turbine
Pelton-Turbine
Auftrieb am Flügelprofil
Auftrieb am Flügelprofil
Einzylinder-Dampfmaschine
Watts Dampfmaschine
Aufbau eines Bergwerks
Aufbau eines Bergwerks
Thermodynamik eines Viertakt-Ottomotors
Thermodynamik eines Viertakt-Ottomotors
Ladungsträgerbewegung in Solarzellen
Ladungsträgerbewegung in Solarzellen
Funktionsprinzip eines Spannungsteilers
Funktionsprinzip eines Spannungsteilers
Transistorkennlinienfeld
Transistorkennlinienfeld
Kräfteverteilung am Keil
Kräfteverteilung am Keil
Ideales Gas
Ideales Gas
RLC-Schaltungen
RLC-Schaltungen
Steuerung eines Viertakt-Ottomotors
Steuerung eines Viertakt-Ottomotors

Diese Animationen laufen direkt in Ihrem Internetbrowser (Chrome, Firefox, Edge oder Safari). Ein Download ist nicht erforderlich. Die Themen umfassen Elektrotechnik, Mechanik, Optik und Thermodynamik.

HD-Animationen für Großbildschirme und Beamer finden Sie unter HD-Animationen. Tipps für den Unterrichtseinsatz gibt es unter Hinweise für Lehrende.

Was sind Web-Animationen?

Web-Animationen sind interaktive Simulationen, die vollständig im Browser ablaufen. Sie nutzen Standard-Webtechnologien – es muss nichts installiert oder aktualisiert werden. Öffnen Sie einfach die Seite und beginnen Sie zu experimentieren. Über Schieberegler, Schaltflächen oder Drag-and-Drop-Steuerung können Sie physikalische Parameter verändern und die Auswirkungen in Echtzeit beobachten.

Die Technik im Hintergrund

Die Animationen basieren auf SVG.js und PixiJS – zwei JavaScript-Bibliotheken, die auf 2D-Grafik spezialisiert sind. SVG.js verarbeitet skalierbare Vektorgrafiken und sorgt für eine scharfe Darstellung bei jeder Zoomstufe. PixiJS bietet hardwarebeschleunigtes Rendering für Animationen, die höhere Bildraten erfordern. Beide Bibliotheken sind quelloffen.