Как использовать модели Neural4D в WebAR?

Шаг 1. Экспорт и оптимизация GLB для Web

Для WebAR нужны высокая визуальная точность и тщательная оптимизация, чтобы обеспечить быструю загрузку через мобильные сети. Формат .glb (бинарный GLTF) является отраслевым стандартом для WebAR.

При экспорте из Neural4D Studio наша система автоматически применяет следующие стандарты, готовые для использования в продакшене:

Стандарт	Преимущество
Сжатие Draco	Уменьшает размер данных геометрии до 90% без потери детализации.
Кодирование текстур KTX2	Оптимизирует текстуры для памяти GPU и предотвращает сбои браузера на устройствах начального уровня.

Шаг 2. Реализация кроссплатформенного WebAR-просмотрщика

Чтобы обеспечить единообразный интерфейс на Android (Scene Viewer) и iOS (AR Quick Look), мы рекомендуем использовать библиотеку Google <model-viewer>.

Сначала подключите библиотеку в заголовке HTML:

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

Затем добавьте модель Neural4D с помощью следующей адаптивной конфигурации:

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

Шаг 3. Обеспечение визуального качества High-Tension

Освещение в WebAR часто выглядит плоским. Чтобы сохранить эстетику «High-Tension» моделей Neural4D, всегда используйте карту окружения HDR. Это позволяет металлическим и стеклянным поверхностям модели точно отражать окружение реального мира.

Модели Neural4D используют физически корректные материалы PBR (Physically Based Rendering), полностью совместимые с системой освещения model-viewer.

Попробовать Neural4D бесплатно

Есть вопрос или вы столкнулись с проблемой, о которой здесь не рассказано? Посетите нашу страницу обратной связи и напишите нам — мы читаем каждое сообщение.

Как использовать модели Neural4D в WebAR?

Шаг 1. Экспорт и оптимизация GLB для Web

Шаг 2. Реализация кроссплатформенного WebAR-просмотрщика

Шаг 3. Обеспечение визуального качества High-Tension

ПРОДУКТЫ

ФУНКЦИИ

КОМПАНИЯ

РЕСУРСЫ