Zwischen Molekülen
Designüberblick
Zwischen Molekülen lässt Oberstufenschüler Wasser, Ammoniak und Methan bauen und ihre räumliche Geometrie beobachten: Atome rasten zu Bindungen ein, die flache Anordnung springt in drei Dimensionen, und Formel, Strukturname und Bindungswinkel erscheinen. Kugel-Stab- und kalottenartige Modelle lassen sich drehen und wechseln; die freien Elektronenpaardomänen der drei Moleküle werden mit 2 / 1 / 0 verglichen.
Prüfvermerk
BestätigtAufeinanderfolgende Bilder aus der dritten Prüfung zeigen, wie Wasser nach dem Verbinden des letzten Atoms zu einem V abknickt und Methan sich aus einem flachen Kreuz öffnet, ohne den endgültigen Bindungswinkel während des Übergangs vorwegzunehmen; Wasser, Ammoniak und Methan zeigen 2 / 1 / 0 freie Elektronenpaardomänen.
PrüfgrenzenDiese Runde startete keinen Browser und prüfte keine präzisen 3D-Parameter; gemeinsame Beleuchtung, Kontaktschatten in kalottenartigen Modellen und Schatten auf der Werkbank blieben als materielle Einschränkungen vermerkt.
Prompt
Eine Molekülbau-App für Chemieschüler der Oberstufe (Tablet im Querformat, 1366×1024) mit chinesischsprachiger Oberfläche: Ziehe Atome aus einer Elementablage auf die Werkbank, wo Bindungen automatisch einrasten. Moleküle nehmen ihre tatsächliche räumliche Geometrie an und lassen sich drehen, mit Kugel-Stab- und kalottenartigen Modellen sowie Molekülformel, Name und Bindungswinkeln.
Der Kern ist das gesamte Molekül, das beim Verbinden des letzten Atoms aus einer flachen Anordnung in seine tatsächliche dreidimensionale Form springt: Wasser knickt auf 104.5° ab und Methan öffnet sich zu einem regelmäßigen Tetraeder. Rendere mit three.js und attraktiven Materialien und Licht statt als Lehrbuchillustration. Beschränke Erklärtext auf ein Minimum und lass die Interaktionen die Prinzipien vermitteln.
Entwirf drei Zustände: eine Bauaufgabe mit leerer Werkbank; den laufenden Aufbau mit Rückmeldung zum Einrasten der Bindungen; und das Drehen des fertigen Moleküls. Erstelle Aufnahmen mit 1366×1024, DPR=2 und benenne die Bilder `shots/app.png`, `app-2.png` und so weiter. `screens.html` wird nicht benötigt.
Chinesischen Originalprompt ansehen
一个给高中生学化学的分子搭建 App(平板横屏 1366×1024),界面用中文:从元素栏把原子拖上工作台,化学键自动吸附;分子按真实的空间构型成形,可以转动查看,切换球棍模型和比例模型,旁边是分子式、名称和键角。
最后一个原子接上时,整个分子从平面一下弹成真实的立体形状(水分子弯成 104.5°,甲烷撑成正四面体),这是这件作品的核心。用 three.js 渲染,材质和光照要好看,不要做成教科书插图。少放说明文字,让操作本身把道理讲清楚。
设计三个状态:一道搭建任务和空工作台、正在搭建(键吸附时的反馈)、分子成形后转动查看。截图按 1366×1024、DPR=2,命名 `shots/app.png`、`app-2.png` 这样排下去,不需要 `screens.html`。
Live-Beispiel öffnen