Como usar modelos Neural4D em WebAR?

Etapa 1: exportar e otimizar GLB para desempenho na Web

As experiências de WebAR exigem alta fidelidade visual combinada com uma otimização agressiva para garantir tempos de carregamento rápidos em redes móveis. O formato .glb (GLTF binário) é o padrão do setor para WebAR.

Ao exportar do Neural4D Studio, nosso sistema implementa automaticamente os seguintes padrões prontos para produção:

Padrão	Benefício
Compressão Draco	Reduz o tamanho dos dados da geometria em até 90% sem perda de detalhes.
Codificação de texturas KTX2	Otimiza as texturas para a memória da GPU, evitando falhas do navegador em dispositivos de baixo desempenho.

Otimização de GLB para WebAR com Neural4D

Etapa 2: implementar o visualizador WebAR multiplataforma

Para oferecer uma experiência consistente no Android (Scene Viewer) e no iOS (AR Quick Look), recomendamos usar a biblioteca <model-viewer> do Google.

Primeiro, inclua a biblioteca no cabeçalho do HTML:

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

Em seguida, incorpore o modelo Neural4D usando a configuração responsiva a seguir:

<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>

Etapa 3: garantir alta qualidade visual de alta tensão

A iluminação em WebAR muitas vezes pode parecer sem profundidade. Para manter a estética de "High-Tension" dos modelos Neural4D, use sempre um mapa de ambiente HDR. Isso garante que as superfícies metálicas e de vidro do modelo reflitam com precisão o ambiente real.

Os modelos Neural4D são preparados com materiais PBR (Physically Based Rendering) fisicamente precisos e totalmente compatíveis com o mecanismo de iluminação do model-viewer.

Experimente o Neural4D grátis

Tem alguma dúvida ou encontrou um problema não abordado aqui? Acesse nossa página de Feedback e conte para nós — lemos todas as mensagens.

Como usar modelos Neural4D em WebAR?

Etapa 1: exportar e otimizar GLB para desempenho na Web

Etapa 2: implementar o visualizador WebAR multiplataforma

Etapa 3: garantir alta qualidade visual de alta tensão

PRODUTOS

FUNCIONALIDADES

EMPRESA

RECURSOS