← BACK TO WORKCASE / 03 OF 06
3D
Hologrid WebGL
CLIENT
Stealth
ROLE
Tech Lead
YEAR
2024
STACK
Three.js · GLSL
CATEGORY
3D
HERO · 16:916:9
01 · CONTEXT
Una interfaz 3D en tiempo real que combina post-procesado sutil con interacciones que se sienten como tocar luz sólida.
02 · APPROACH
Construido sobre Three.js con un pipeline custom de post-procesado. Cada componente UI es un mesh con shaders propios — no DOM enmascarado de 3D.
La cuadrícula que ves en hover es geometría real, deformada por un campo de fuerza que sigue el cursor.
DETAIL · 01
DETAIL · 02
DETAIL · 03
03 · OUTCOME
60fps
en mobile mid-tier.
<120kb
shader bundle.
8 mo.
en producción.