DRAEV STUDIOS
The studio's calling card. A single page, dominated by a diamond, that took longer than every other surface combined.
The physics
The diamond is not a fake. It uses Snell's law to refract light at every interior facet. The Cauchy dispersion equation, n(λ) = 2.385 + 0.0117/λ², splays the spectrum into a rainbow fan. Fresnel reflectance and total internal reflection govern where the light bounces. Six spectral point lights paint the chromatic fire on the floor below.
The shader
Custom GLSL for the white beam coming out the bottom. A Gaussian-core convolution gives the beam its falloff. The rainbow fan is computed in HSV and converted to RGB at draw time, which is how the hue shift stays continuous as the diamond rotates. toneMapped is false on every emissive material. AdditiveBlending and depthTest off, so the light reads correctly through every other layer in the scene.
Degrades quietly
Not every visitor has a GPU that can hold the frame. Device-pixel-ratio detection runs at load. Below a threshold, the WebGL scene swaps to a still rendered out of the same Three.js setup at build time. The viewer never sees the negotiation.
What it cost
The diamond ate four weeks. The site has one job and the math behind it is harder than the rest of the marketing surface combined. Most visitors won't notice the difference between this and a hand-painted SVG. The ones who do are exactly the clients the studio wants.
- 2025 / 2026
- Founder
- Next.js 16
- Three.js
- R3F
- GLSL
- GSAP
- ScrollTrigger
- Lenis
- Supabase
- Resend