Real refractive glass material
three.js and WebGL · 3D · MIT
- What it does
True transmission for one or two hero surfaces seen close. Costly: every transmissive material adds a whole extra scene render each frame. One line of three.js; assumes the environment map setup.
- Get it
new THREE.MeshPhysicalMaterial({ metalness: 0, roughness: 0.05, transmission: 1, thickness: 0.5, ior: 1.5, envMapIntensity: 1 })
- Needs (the whole pack)
Nothing to read the skills. To run what they build: Node and npm, Python 3 for the helper scripts, and Chromium through Playwright for the inspector and tests. Optional and paid: Tripo, Gemini and ElevenLabs keys for the three generator skills.
- License
MIT
- From