Инструмент · 3D-конструктор

Интерактивное 3D прямо в браузере

Загрузите свою 3D-модель и вращайте её в реальном времени. Никаких плагинов и тяжёлых бандлов: движок подгружается лениво и расходует ресурсы только когда 3D действительно открыто.

Перетащите .glb · .gltf · .obj · .fbx в окно превью

Возможности

Всё для показа модели

Продуманный минимум, который закрывает 90% сценариев превью — и заложенная база под сложные конфигураторы.

Ленивая загрузка

three.js вынесен в отдельный чанк и грузится только при открытии 3D. Основной сайт остаётся лёгким, метрики Core Web Vitals не страдают.

Полное управление

Орбита, зум и панорама мышью и на тач-устройствах. Автоповорот, каркас (wireframe), пол-сетка, смена фона и сброс камеры.

Загрузка моделей

Drag&drop или выбор файла: .glb, .gltf, .obj, .fbx. Модель обрабатывается прямо в браузере — ничего не уходит на сервер.

Приватность и безопасность

Файл читается через объектный URL в памяти вкладки. Никаких загрузок и хранения — закрыли вкладку, данные исчезли.

Авто-подгонка сцены

Модель автоматически центрируется и вписывается в кадр, освещение подобрано без внешних HDR — быстро и предсказуемо.

Готово к расширению

Чистая архитектура: рендерер, вьюер и UI разделены. Легко добавить анимации, хотспоты, конфигуратор цветов или AR.

Как это работает

Три шага до 3D на странице

01

Откройте конструктор

Движок инициализируется за пару секунд — прогресс виден в области превью.

02

Загрузите модель

Перетащите файл в окно или выберите через кнопку. Поддерживаются glb, gltf, obj, fbx.

03

Управляйте сценой

Крутите, зумите, включайте автоповорот и каркас, меняйте фон и сбрасывайте вид.

Форматы

Поддерживаемые типы файлов

Основной формат для web — glb/gltf. Для остальных случаев поддерживаем obj и fbx.

.glb / .gltf

Рекомендуется · PBR-материалы, один файл, компактно

.obj

Геометрия и базовые материалы, широкая совместимость

.fbx

Популярен в геймдеве и анимации, полноценные сцены

Где применить

Сценарии использования

E-commerce

Товар в объёме: мебель, техника, украшения, обувь — покупатель рассмотрит со всех сторон.

Продукт и упаковка

Демонстрация устройств, прототипов и упаковки прямо на лендинге.

Недвижимость и BIM

Планировки, макеты зданий и объектов интерьера в интерактиве.

Обучение

Анатомия, механизмы, инженерные модели — наглядно и вовлекающе.

Готовы добавить 3D?

Встроим 3D-конструктор в ваш продукт

Подберём формат, оптимизируем модели и соберём под вашу задачу — от простого превью до полноценного конфигуратора с выбором цвета и материалов.