Kern-Hülle-Modell mit JavaScript

Vor einiger Zeit sollten wir für das Seminarfach verschiedene Modelle für das Kern-Hülle-Modell recherchieren und vorstellen. Dabei entstand die Idee, ein eigenes Atommodell als Simulation zu programmieren. Dieses Model wollen wir euch nun hier zeigen.

Das Modell kann alle Atome der Elemente Wasserstoff bis Argon abbilden. Außerdem lassen sich die verschiedenen Schalen anzeigen. Auch die Elektronen in den Schalen sind sichtbar und animiert. Da es sich aber lediglich um ein vereinfachtes Modell handelt, gibt es auch Schwächen. So sind z.B. die Größenverhältnisse nicht maßstabsgetreu. Mit einem Klick auf Vollbild (Button unterhalb der Animation) lässt sich die Animation vergrößern.




Vollbild ⛶


Falls jemand genauer wissen möchte, wie man eine solche Animation erstellt: Die Animation ist eigentlich eine klassische Website und besteht aus HTML und CSS. Zusätzlich wurde eine 3D-Umgebung mit der Bibliothek Babylon.js hinzugefügt. Über JavaScript wurde alles am Ende noch animiert.

An diesem kleinen Beispiel seht ihr, dass sich mit JavaScript in Kombination mit HTML und CSS nicht nur einfache Onlineformulare erstellen lassen. Auch komplexere Einsatzbereiche, wie Simulationen, Online-Software oder Spieleentwicklung sind möglich. Falls ihr also mal eine Programmiersprache lernen wollt und nicht wisst, mit welcher ihr starten sollt, können wir euch JavaScript für den Anfang nur empfehlen.

Das könnte dich auch interessieren …