Files
stalendeuren/components
Ubuntu 2f0d6619fa Rebuild door with procedural construction and premium materials
Complete architectural overhaul from solid blocks to manufactured product:

**Procedural Construction (The Welder's Approach):**

Components:
- LEFT/RIGHT STILES: 40x40mm vertical profiles with 1mm rounded corners
- TOP/BOTTOM RAILS: 20x40mm horizontal profiles with 1mm rounded corners
- INTERMEDIATE RAILS: Dynamic based on gridType (3-vlak/4-vlak)
- GLASS PANEL: 8mm thick, sits inside frame cavity
- VERTICAL DIVIDER: For paneel type (40x40mm)
- HANDLES: U-greep (20x600x20mm) or Klink (80x20x20mm + sphere)

Using RoundedBox from @react-three/drei:
- All steel parts have 1mm radius rounded edges
- Catches light realistically like real steel
- Smoothness=4 for quality curves

Assembly Logic:
- Stiles positioned at ±(doorWidth/2 - stileWidth/2)
- Rails positioned at ±(doorHeight/2 - railHeight/2)
- Glass inset inside frame (doorWidth - stileWidth*2)
- No overlapping geometry - clean construction

**Premium Materials:**

Steel Material:
- color: #1a1a1a (off-black, never pure black)
- roughness: 0.25 (satin finish, slightly reflective)
- metalness: 0.8 (clearly metallic)
- envMapIntensity: 1 (reflects environment)

Glass Material (MeshPhysicalMaterial):
- transmission: 1 (full transparency)
- roughness: 0.05 (almost perfectly smooth)
- thickness: 2.5 (proper light refraction)
- ior: 1.5 (index of refraction for glass)
- color: #eff6ff (subtle blue tint)
- clearcoat: 1 (surface reflections)

**Enhanced Environment:**

Lighting:
- Changed preset from "studio" to "city"
- environmentIntensity: 0.8 (stronger reflections)
- Metal profiles now reflect surroundings realistically

Contact Shadows:
- resolution: 1024 (high quality)
- opacity: 0.5, scale: 10, blur: 2
- Proper grounding effect

**Result:**
- Door looks like manufactured steel product, not a solid block
- Rounded edges catch light realistically
- Steel reflects environment (city buildings, sky)
- Glass has proper refraction and transmission
- Shadows ground the door properly
- Each component is individually constructed and lit

Visual Quality: Studio-grade photorealism

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
2026-02-10 16:54:20 +00:00
..