coffee-grinder-3d lab

A lab for an article on Three.js art direction. One procedural manual burr coffee grinder, built in nine frozen stages, each one change further than the last.

Start at stage 0 and end at stage 8. Every page is the stage as it was frozen; nothing earlier is touched by later work.

Stage 0 is deliberately ugly. That is the point: it is the baseline the rest is measured against.

Stage 0 · slop baseline Deliberately ugly baseline: ambient light only, default materials.
Stage 1 · direction Direction applied: palette, light temperature, material language.
Stage 2 · lighting Lighting: sky and sun presets, soft shadows, ambient occlusion.
Stage 3 · materials Materials: one roughness and clearcoat rule per material family.
Stage 4 · composition Composition: rule of thirds, camera flight, profile sweep.
Stage 5 · motion Motion: scroll-scrubbed film cut from our own stage-8 recording.
Stage 6 · explainer Explainer: exploded burr assembly, x-ray, leader-line labels.
Stage 7 · degradation Degradation: quality tiers, poster fallback, reduced motion.
Stage 8 · final Final: everything that held up, combined.