3D Design
Three.js scenes that don't look like the getting-started tutorial.
Scaffold
python3 scripts/scaffold_3d.py --objects cube,sphere,torus --out scene.html
python3 scripts/scaffold_3d.py --objects points,plane --camera 4,3,6 --bg 0x0a0a12
Objects: cube, sphere, plane, torus, cone, cylinder, points (2k-particle field). Output is one self-contained HTML file — open it, it renders, it has orbit controls.
Design discipline (what separates scenes from demos)
- Lighting is the scene. Ambient + key + fill at minimum; the scaffold gives you all three. A scene with one light looks like a default.
- One hero object. Everything else is context. The layout arranges primitives as a set — pick the one the camera opens on.
- Color restraint. The scaffold assigns a palette progression; keep it to 2-3 hues. Rainbow primitives read as a debug view.
- Motion with purpose. If it rotates, say why. Ambient rotation on everything is the "AI slop" of 3D.
- Verify in the renderer. Open the file, look at it, screenshot it (appshot or Playwright). A scene you haven't seen isn't done.
Pairs with
design (the taste standard), algorithmic-art (2D generative work),
appshot (capture the rendered scene).