Blog

Lightmapping: la técnica que separa los proyectos 3D mediocres de los que impresionan

El lightmapping es la técnica que da realismo físico a videojuegos, aplicaciones 3D y visualizaciones arquitectónicas. Te explicamos qué es, por qué importa y cómo aplicarla sin necesitar un pipeline complejo.

2 de junio de 20266 min de lecturaViseni Design

AO Lightmapper - GPU-Accelerated Ambient Occlusion Baking

Cuando ves un render que parece una fotografía, o un videojuego cuyas sombras se sienten reales, hay algo ocurriendo debajo de la superficie que la mayoría de la gente no ve: el lightmapping.

Es la diferencia entre un modelo 3D que parece flotar en el aire y uno que pertenece al espacio que lo rodea.

Qué es el lightmapping y por qué existe

El lightmapping es el proceso de precomputar la iluminación de una escena 3D y guardarla en una textura —el lightmap— que luego se aplica sobre los modelos. En lugar de calcular la luz en tiempo real cada fotograma, se calcula una sola vez y se guarda el resultado.

El motivo es físico y matemático: la iluminación global correcta requiere simular cómo la luz rebota entre superficies, se absorbe en grietas, se atenúa con la distancia y crea sombras suaves. Hacer eso en tiempo real para escenas complejas sigue siendo costosísimo. El lightmapping resuelve ese problema con elegancia: pagas el coste una vez, lo guardas, y usas el resultado indefinidamente.

Ambient Occlusion: el ingrediente invisible del realismo

Dentro del lightmapping, la técnica más universalmente usada para dar profundidad y contacto a los modelos es el Ambient Occlusion (AO).

El AO simula cómo la luz ambiente se obstruye en cavidades, esquinas y zonas de contacto entre objetos. Esas zonas quedan más oscuras porque la luz tiene menos ángulos de entrada. El resultado es sutil pero poderoso:

  • Las esquinas interiores ganan sombra natural
  • Las superficies en contacto muestran una línea de oscurecimiento realista
  • Los modelos "pesan" visualmente, dejan de flotar
  • La profundidad percibida aumenta sin necesidad de más geometría

Sin AO, una escena 3D parece plana e irreal aunque los materiales sean perfectos. Con AO, incluso modelos simples ganan credibilidad visual inmediata.

Dónde se aplica el lightmapping

Videojuegos

Es el estándar de la industria desde los años 90. Motores como Unreal, Unity o Godot tienen sistemas de lightmapping integrados. Los lightmaps permiten que un juego tenga iluminación de calidad cinematográfica en hardware de consumo porque la mayor parte del cálculo ocurrió antes de que el jugador abra el juego.

Aplicaciones 3D en tiempo real (WebGL, three.js, babylon.js)

Visualizadores web, configuradores de producto, arquitectura interactiva... todos se benefician del lightmapping. En web, donde los recursos son limitados, prebakear la iluminación es casi obligatorio para obtener calidad visual decente sin matar el rendimiento.

Visualización arquitectónica

Los renders estáticos de alta calidad usan path tracing completo, pero las visitas virtuales interactivas necesitan lightmaps. Es el puente entre la calidad de un render y la interactividad de una aplicación en tiempo real.

Diseño de producto y e-commerce 3D

Los configuradores de producto 3D en web necesitan lightmaps para que los materiales se vean bien. Sin ellos, el mismo modelo con los mismos materiales puede parecer de plástico barato.

Metaverso y aplicaciones XR

En VR y AR, la potencia de cómputo es especialmente limitada. El lightmapping es casi obligatorio para alcanzar la fidelidad visual mínima que hace que la experiencia sea creíble.

El problema: el proceso tradicional es lento y complejo

El pipeline clásico de lightmapping requiere:

  1. Configurar un software de baking especializado (Blender, Marmoset, Substance...)
  2. Generar UV2 lightmap UVs sin solapamientos para cada modelo
  3. Configurar la escena de iluminación correctamente
  4. Esperar el proceso de baking, que puede tardar horas
  5. Exportar y reintegrar los lightmaps en la aplicación final

Para estudios grandes con pipeline establecido, es manejable. Para desarrolladores independientes, diseñadores o equipos pequeños, es una barrera real.

Herramientas que democratizan el lightmapping

Hemos desarrollado dos herramientas diseñadas para hacer el AO baking accesible a cualquier persona que trabaje con 3D, sin necesitar un pipeline complejo.

AO Lightmapper — Aplicación de escritorio para Windows

AO Lightmapper Chrome Extension

AO Lightmapper en itch.io — 5$

Aplicación nativa para Windows que acelera el baking de Ambient Occlusion mediante GPU. Características principales:

  • GPU-accelerated: el baking usa la potencia de tu tarjeta gráfica, no solo la CPU
  • Auto UV2 unwrap con Katlas integrado: no necesitas preparar los UVs manualmente
  • High quality AO: menos ruido, más detalle en los mapas generados
  • Batch processing: procesa múltiples modelos en una sola operación
  • Export GLB, PNG, JPG: los lightmaps se pueden incrustar en el GLB o exportar por separado
  • Soporte de skeletal mesh (beta)
  • Compatible con babylon.js y three.js

Pensada para developers y diseñadores que trabajan con modelos web 3D y necesitan calidad de lightmap sin el overhead de un DCC completo.


Quick AO Lightmapper Baby — Extensión de Chrome

AO Lightmapper Chrome Extension

Quick AO Lightmapper en Chrome Web Store — 4$

Una extensión de Chrome que lleva el AO baking directamente al navegador, integrada con los sandboxes de babylon.js y el editor de three.js. Puedes bakear ambient occlusion sobre modelos 3D mientras trabajas en el navegador, sin salir del flujo de desarrollo.

  • Textura hasta 4096x4096
  • Configuración de AO Samples, Radius e Intensity
  • Denoise integrado con control de radio y passes
  • Seam Fix (Dilation) para eliminar artefactos en bordes de UV
  • One click → lightmap listo en segundos

Para quienes prototipan en el sandbox de babylon.js o experimentan con three.js, esta extensión elimina el salto al software externo.


Por qué 5$ y 4$ y no gratis

El lightmapping de calidad lleva años de trabajo de investigación, implementación GPU y refinamiento de algoritmos. Estas herramientas son el resultado de ese trabajo.

El precio —5$ la app de escritorio, 4$ la extensión— es deliberadamente bajo. No es una estrategia de marketing: es la filosofía detrás del proyecto. Estas herramientas existen para que cualquier desarrollador independiente, diseñador o entusiasta pueda producir resultados de calidad profesional sin barreras económicas. Las ventas financian el desarrollo continuo de nuevas funciones y herramientas.

Cuándo usar cada herramienta

SituaciónHerramienta recomendada
Workflow en Windows, modelos GLBAO Lightmapper (escritorio)
Desarrollo en babylon.js sandboxQuick AO Lightmapper (Chrome)
Prototipado en three.js editorQuick AO Lightmapper (Chrome)
Batch processing de múltiples assetsAO Lightmapper (escritorio)
Skeletal meshesAO Lightmapper (escritorio, beta)

El lightmapping no es una técnica secundaria ni un detalle de acabado. Es la base sobre la que descansa la credibilidad visual de cualquier proyecto 3D en tiempo real. Dominarla —o tener las herramientas correctas para aplicarla— es lo que separa los proyectos que impresionan de los que simplemente funcionan.

¿Trabajas con modelos 3D para web, videojuegos o visualización? Prueba las herramientas y cuéntanos qué tipo de proyectos estás haciendo.