¿Cómo usar modelos de Neural4D en WebAR?

Paso 1: exportar y optimizar un GLB para el rendimiento web

Las experiencias WebAR requieren una alta fidelidad visual combinada con una optimización exhaustiva para garantizar tiempos de carga rápidos en redes móviles. El formato .glb (GLTF binario) es el estándar del sector para WebAR.

Al exportar desde Neural4D Studio, nuestro sistema aplica automáticamente los siguientes estándares listos para producción:

Estándar	Ventaja
Compresión Draco	Reduce el tamaño de los datos de geometría hasta un 90 % sin perder detalle.
Codificación de texturas KTX2	Optimiza las texturas para la memoria de la GPU y evita bloqueos del navegador en dispositivos de gama baja.

Optimización de GLB de Neural4D para WebAR

Paso 2: implementar el visor WebAR multiplataforma

Para ofrecer una experiencia uniforme en Android (Scene Viewer) y iOS (AR Quick Look), recomendamos usar la biblioteca de Google <model-viewer>.

Primero, incluye la biblioteca en el encabezado de tu HTML:

<script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.4.0/model-viewer.min.js"></script>

Después, inserta el modelo de Neural4D con la siguiente configuración adaptable:

<model-viewer 
    src="path/to/neural4d_model.glb" 
    ios-src="path/to/neural4d_model.usdz"
    ar ar-modes="webxr scene-viewer quick-look" 
    camera-controls 
    poster="poster.webp" 
    shadow-intensity="1" 
    auto-rotate>
    <button slot="ar-button" class="ar-button">View in your space</button>
</model-viewer>

Paso 3: garantizar una alta calidad visual de alta tensión

La iluminación en WebAR a menudo puede parecer plana. Para conservar la estética de «alta tensión» de los modelos de Neural4D, utiliza siempre un mapa de entorno HDR. Así, las superficies metálicas y de vidrio de tu modelo reflejarán con precisión el entorno real.

Los modelos de Neural4D incorporan materiales PBR (renderizado basado en físicas) con precisión física, totalmente compatibles con el motor de iluminación de model-viewer.

Prueba Neural4D gratis

¿Tienes alguna pregunta o te has encontrado con un problema que no se trate aquí? Visita nuestra página de Comentarios y cuéntanoslo. Leemos todos los mensajes.

¿Cómo usar modelos de Neural4D en WebAR?

Paso 1: exportar y optimizar un GLB para el rendimiento web

Paso 2: implementar el visor WebAR multiplataforma

Paso 3: garantizar una alta calidad visual de alta tensión

PRODUCTOS

FUNCIONES

EMPRESA

RECURSOS