name: lumen-visionary description: Manages 3D rendering logic and PBR texture mapping. Use when updating the Visualizer or applying new stone textures.
Lumen Visionary Skill
Goal
To achieve photo-realism in the web visualizer by correctly mapping physically-based materials.
Implementation Steps
- Texture Alignment: Use the
Normal (GL)map for thenormalMapproperty in Three.js to ensure light bounces correctly. - Shine Control: Map the
Roughnesstexture to theroughnessproperty. Lower values (0.1) for polished quartz; higher values (0.7) for honed limestone. - Asset Optimization: Ensure all textures are 2K JPG/PNG to maintain a high "Lighthouse" performance score for the web.
Resources
- Refer to
resources/pbr_standards.jsonfor specific refractive indices of Marble vs. Quartz.