Pipeline GPU con OpenGL: Editor de Materiales en una Startup de Mueble Virtual
Visión general
De qué trata este proyecto.
Construye una app web donde el usuario carga un modelo GLB y 3 texturas (albedo, normal, roughness). Implementa un programa de shader que combine los 3 mapas con luz direccional simple. Expone como sliders: intensidad de normal, escala de roughness, tinte de albedo, ángulo de luz. Renderiza a 60 FPS con OrbitControls. Soporta 6 modelos demo (sillas, mesas, lámpara). Entrega app desplegada, set de texturas, video demo y memoria de 4 páginas explicando cada etapa de la pipeline GPU usada.
El Briefing
Lo que harás y lo que demostrarás.
Construir editor de materiales web con shader propio y 4 sliders que mantenga 60 FPS sobre 6 modelos demo y se entienda como ejercicio de pipeline GPU.
Earning criteria — what you'll demonstrate
- Construir un ShaderMaterial three.js con shader propio
- Mapear uniforms a controles de UI con actualizaciones reactivas
- Aplicar normal mapping con TBN matrix calculada en vertex shader
- Razonar sobre cada etapa del pipeline GPU (vertex → primitive → fragment → output)
Encaje académico
Dónde encaja esto en tus estudios.
Afina las mismas habilidades que tu titulación espera de ti.
Habilidades
Habilidades que demostrarás.
Cada una aparece en tu credencial verificada.
Carreras
Roles para los que esto te prepara.
Títulos reales. Puentes de habilidades reales. Elige el que más se acerque a tu trayectoria.