Three.js From Zero · Article s12-11
Watch Dial Macro Viewer — anisotropy, crystal, typography
Watch Dial Macro Viewer — anisotropy, crystal, typography is Article s12-11 of Three.js From Zero, a MasterAllArts free interactive lesson for artists learning creative 3D on the web.
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.
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.
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.