Flujo

Flujo de material WebGL

Usa mapas procedurales compactos y canales predecibles para Three.js, renderers WebGL personalizados y previsualización de materiales en navegador.

Destino de exportación

Configuración de canales

Usa espacio sRGB para base color en Three.js o la conversión equivalente en shaders personalizados.

Muestrea normal maps como texturas de datos y ajusta normal scale en el material en vez de rebakear la textura.

Mantén roughness y AO lineales. En Three.js, AO también necesita UV2 o manejo equivalente de UV secundarias.

Activa repeat wrapping para superficies seamless y define repeat en código para que la misma exportación cubra distintos tamaños.

Usa GLB para un material portador rápido. Usa PNG individuales cuando tu renderer controle shader y binding de texturas.

Asigna sRGB a mapas de color y conserva roughness, normal, height y AO como texturas de datos lineales.

Define wrapS y wrapT como repeat para superficies seamless, y controla escala mediante repeat del material o uniforms.

Prueba resolución, compresión y cantidad de canales en el dispositivo objetivo antes de usar mapas grandes en producción.

Si AO no tiene efecto visible en Three.js, confirma que la geometría tenga el UV set requerido por el material.

Un base color tratado como linear puede verse oscuro; mapas de datos tratados como sRGB pueden romper roughness o normal.

Las escenas web son sensibles a memoria de texturas. Usa la menor resolución que aguante la distancia de cámara.

Para revisión rápida, sí. En producción, mapas individuales suelen dar más control sobre compresión, carga e inputs del shader.

Sí. Pon el wrapping mode en repeat y controla repeat scale en el material o la textura.