Luces, HDR y partículas: cómo dar atmósfera a una escena 3D sin disparar la GPU
Aprende a combinar luces básicas, un entorno HDR y partículas optimizadas con `InstancedMesh` para que la escena gane atmósfera sin convertirse en un gasto de GPU injustificado. La meta es iluminar con intención y usar detalle ambiental donde realmente aporta lectura.
Una escena 3D puede tener geometría correcta y cámara bien dirigida, pero seguir viéndose plana si la atmósfera no está trabajada. En web 3D, la luz no solo hace visible el objeto: decide qué parece premium, qué parece barato, qué se siente físico y qué se percibe como decorado de juguete.
Aquí conviene separar tres capas. Las luces directas definen foco y volumen. El HDR aporta un entorno global más realista, especialmente sobre materiales PBR. Y las partículas añaden aire, profundidad o sensación de mundo, pero deben construirse con cabeza para no multiplicar draw calls innecesarios.
La idea central de la lección es esta: iluminar para vender, no solo para ver. Eso significa decidir una jerarquía lumínica, usar el HDR como base y reservar el detalle ambiental a estructuras eficientes como `InstancedMesh`.
Cuando termines deberías ser capaz de defender por qué una escena usa cierta combinación de `ambient`, `directional`, `spot`, `point`, entorno HDR y partículas, y por qué otra combinación sería peor para producto y rendimiento.
- Más luces no significa más calidad.
- Una base muy útil para producto suele ser: una luz ambiental moderada para evitar negros muertos, una luz principal que modele el volumen y una luz secundaria o de acento para separar bordes o remarcar una cara importante. Añadir más sin criterio tiende a lavar la escena.
- La pregunta útil no es cuántas luces tienes, sino cuál manda, cuál rellena y cuál acentúa. Esa jerarquía hace que la pieza tenga lectura.
- El HDR no es un fondo bonito: es información lumínica global.
- Un entorno HDR bien elegido aporta reflejos y respuesta física mucho más verosímiles que una suma arbitraria de luces básicas. En materiales metálicos o semibrillantes, la diferencia se nota enseguida porque los reflejos dejan de ser pobres o genéricos.
Piensa la iluminación por capas, no por acumulación
Más luces no significa más calidad.
Una base muy útil para producto suele ser: una luz ambiental moderada para evitar negros muertos, una luz principal que modele el volumen y una luz secundaria o de acento para separar bordes o remarcar una cara importante. Añadir más sin criterio tiende a lavar la escena.
La pregunta útil no es cuántas luces tienes, sino cuál manda, cuál rellena y cuál acentúa. Esa jerarquía hace que la pieza tenga lectura.
HDR: por qué el entorno cambia tanto la credibilidad del material
El HDR no es un fondo bonito: es información lumínica global.
Un entorno HDR bien elegido aporta reflejos y respuesta física mucho más verosímiles que una suma arbitraria de luces básicas. En materiales metálicos o semibrillantes, la diferencia se nota enseguida porque los reflejos dejan de ser pobres o genéricos.
Aun así, un HDR no sustituye el criterio. Si el entorno contradice el tono de la escena o resulta demasiado intenso, el producto puede perder protagonismo. Lo normal es usar el HDR como base y ajustar después luces locales y exposición.
Partículas: sí, pero con `InstancedMesh` y un objetivo claro
Las partículas deben reforzar atmósfera, no demostrar que sabes abrir draw calls.
Muchas escenas quedan mejor con un campo sutil de partículas lentas que con docenas de elementos individuales. `InstancedMesh` permite dibujar muchas copias de una misma geometría/material con un coste mucho más razonable para la GPU.
La clave es usarlas como una capa atmosférica: polvo, niebla granular, brillo ambiental o profundidad de espacio. Si las conviertes en el centro del plano, normalmente estorban más de lo que ayudan.
- Instancia una geometría simple y reutiliza un material compartido.
- Reduce tamaño y contraste para que acompañen, no compitan.
- Si el producto es el foco, las partículas deben sentirse periféricas.
- En móvil conviene recortar densidad y animación.
Respiración de luz: un recurso sutil que da vida a la escena
No todo cambio lumínico tiene que ser dramático.
Una variación pequeña de intensidad o posición de la luz principal puede evitar que la escena parezca congelada. Esta técnica funciona especialmente bien en heroes de producto con scroll o con pequeños estados de reposo.
La clave es la sutileza. Si la luz parece latir demasiado, el efecto deja de sentirse premium y pasa a llamar la atención sobre sí mismo.
Debug común: la escena se ve cara, pero no se entiende
Suele ocurrir cuando la atmósfera tapa al producto.
Si la pieza pierde claridad, baja primero la intensidad del HDR o de las partículas antes de tocar materiales. Si el contraste es pobre, revisa la jerarquía entre key light y fill light. Si el frame se vuelve pesado, revisa cuántos elementos estás dibujando realmente y si las partículas están instanciadas.
El objetivo no es impresionar al profiler con un desastre bonito, sino construir una escena que se lea rápido y se mueva bien.
