Caso de estudio: Low High Head
Una experiencia interactiva 3D WebGL que experimenta con transiciones LOD dinámicas, morphing de vértices y shaders personalizados.
Resumen del proyecto
El proyecto Low High Head es un experimento académico de WebGL diseñado para explorar umbrales de renderizado dinámico e interacciones de shaders personalizados. Desarrollado con Three.js, la aplicación deforma dinámicamente un modelo de cabeza 3D entre resoluciones de baja y alta poligonización en tiempo real, probando cómo se comportan la propagación de la luz, las estructuras de vértices y los reflejos especulares personalizados bajo diferentes geometrías de malla.
Al renderizar los datos brutos del modelo directamente en el navegador, el proyecto ofrece parámetros interactivos para analizar la sobrecarga de rendimiento y evaluar las ecuaciones de deformación de vértices en miles de polígonos.
Áreas clave de enfoque técnico
- Deformación dinámica de vértices: Se crearon shaders GLSL personalizados para interpolar suavemente los mapeos de coordenadas entre los búferes de vértices de baja y alta poligonización.
- Iluminación y sombras de Three.js: Se configuraron cascadas de mapas de sombras en tiempo real y pasadas de reflexión especular para probar cómo la propagación de la luz direccional se adapta a distintas densidades de superficie.
- Evaluación comparativa de rendimiento: Se investigó la sobrecarga de la canalización de GPU, la frecuencia de llamadas de dibujo y los patrones de recolección de basura del navegador al intercambiar en caliente conjuntos de geometría pesados.