Between Molecules
Prompt
A molecule-building app for high school chemistry students (landscape tablet, 1366×1024), with a Chinese interface: drag atoms from an element tray onto the workbench, where bonds snap into place automatically. Molecules form their actual spatial geometry and can be rotated, with ball-and-stick and space-filling models, alongside the molecular formula, name, and bond angles.
The core is the whole molecule springing from a flat arrangement into its actual three-dimensional shape as the last atom connects: water bends to 104.5° and methane opens into a regular tetrahedron. Render with three.js, with attractive materials and lighting rather than a textbook illustration. Keep explanatory text minimal and let the interactions communicate the principles.
Design three states: a building task with an empty workbench; building in progress with bond-snapping feedback; and rotating the completed molecule. Capture at 1366×1024, DPR=2, naming the images `shots/app.png`, `app-2.png`, and so on. No `screens.html` is needed.
View Chinese original
一个给高中生学化学的分子搭建 App（平板横屏 1366×1024），界面用中文：从元素栏把原子拖上工作台，化学键自动吸附；分子按真实的空间构型成形，可以转动查看，切换球棍模型和比例模型，旁边是分子式、名称和键角。
最后一个原子接上时，整个分子从平面一下弹成真实的立体形状（水分子弯成 104.5°，甲烷撑成正四面体），这是这件作品的核心。用 three.js 渲染，材质和光照要好看，不要做成教科书插图。少放说明文字，让操作本身把道理讲清楚。
设计三个状态：一道搭建任务和空工作台、正在搭建（键吸附时的反馈）、分子成形后转动查看。截图按 1366×1024、DPR=2，命名 `shots/app.png`、`app-2.png` 这样排下去，不需要 `screens.html`。
