Between Molecules
Resumen del diseño
Between Molecules permite a estudiantes de bachillerato construir agua, amoniaco y metano para observar su geometría espacial: los átomos encajan en enlaces, la disposición plana salta a tres dimensiones y aparecen la fórmula, la forma y el ángulo de enlace. Los modelos de bolas y varillas y de relleno espacial giran y se alternan, con 2 / 1 / 0 dominios de pares solitarios comparados entre las tres moléculas.
Registro de verificación
VerificadoLos fotogramas continuos muestreados en la tercera revisión muestran el agua curvándose en forma de V y el metano abriéndose desde una cruz plana al conectar el último átomo, sin presentar el ángulo final durante la transición; el agua, el amoniaco y el metano muestran 2 / 1 / 0 dominios de pares solitarios.
Límites de la verificaciónEsa ronda no abrió un navegador ni auditó parámetros 3D precisos; la iluminación compartida, el sombreado de contacto en los modelos de relleno espacial y las sombras sobre la mesa seguían señalados como limitaciones materiales.
Prompt
Una app de construcción de moléculas para estudiantes de química de bachillerato (tableta en horizontal, 1366×1024), con interfaz en chino: arrastra átomos desde una bandeja de elementos hasta la mesa de trabajo, donde los enlaces encajan automáticamente. Las moléculas adoptan su geometría espacial real y pueden girarse, con modelos de bolas y varillas y de relleno espacial, junto con la fórmula molecular, el nombre y los ángulos de enlace.
El núcleo es el momento en que toda la molécula pasa de una disposición plana a su forma tridimensional real al conectar el último átomo: el agua se curva a 104.5° y el metano se abre en un tetraedro regular. Renderiza con three.js, con materiales e iluminación atractivos en lugar de una ilustración de libro de texto. Reduce el texto explicativo y deja que las interacciones comuniquen los principios.
Diseña tres estados: una tarea de construcción con la mesa vacía; construcción en curso con respuesta al encajar enlaces; y giro de la molécula completada. Captura a 1366×1024, DPR=2, y nombra las imágenes `shots/app.png`, `app-2.png`, y así sucesivamente. No se necesita `screens.html`.
Ver el prompt original en chino
一个给高中生学化学的分子搭建 App（平板横屏 1366×1024），界面用中文：从元素栏把原子拖上工作台，化学键自动吸附；分子按真实的空间构型成形，可以转动查看，切换球棍模型和比例模型，旁边是分子式、名称和键角。
最后一个原子接上时，整个分子从平面一下弹成真实的立体形状（水分子弯成 104.5°，甲烷撑成正四面体），这是这件作品的核心。用 three.js 渲染，材质和光照要好看，不要做成教科书插图。少放说明文字，让操作本身把道理讲清楚。
设计三个状态：一道搭建任务和空工作台、正在搭建（键吸附时的反馈）、分子成形后转动查看。截图按 1366×1024、DPR=2，命名 `shots/app.png`、`app-2.png` 这样排下去，不需要 `screens.html`。
