Three.js From Zero · Article s12-11
S12-11 Watch Dial Macro Viewer
Skip to demo
Season 12 · S12-11 · Specialized Production Patterns
Watch Dial Macro Viewer — anisotropy, crystal, typography
Macro watch views are a great rendering education because the viewer is close enough to notice everything: dial texture, crystal thickness, indices, and type spacing.
industrywatchluxury
1. Why this article exists
The watch viewer stack was already strong in Season 11. This article drills into the close-up layer that luxury brands use to justify their detail story.
2. What we are building in the demo
- A dial-focused scene with configurable finish and hand position.
- A macro camera that demonstrates when anisotropy and crystal layering matter.
- A luxury viewer framing that is intimate rather than broad.
3. Live demo
The demo below is a compact study model, not a full production system. The goal is to make the article’s mental model tactile: what changes, what matters, and what you would keep when the codebase graduates into a real project.
booting...
Season 12 is deliberately less single-vertical than Season 11. The throughline is still applied production: every demo is framed as a pattern you could reuse in paid work.
4. Implementation sketch
dialMaterial.anisotropy = dialBrush;
crystalMaterial.clearcoat = 1.0;
handGroup.rotation.z = handAngle;5. Production notes
Useful companion articles from earlier seasons:
What usually goes wrong first:
- Macro shots expose every weak material choice.
- Typography scale and spacing are part of the render, not just design garnish.
- Do not drown small-form detail in depth-of-field theatrics.
6. Takeaways
- Small premium objects need more camera discipline than large hero forms.
- Macro views are where detail earns its keep.
- Luxury product stories are usually about the last 10% of rendering polish.