AdeptDEVЗадача
Заменить обычный кровельный калькулятор на визуальный сценарий, в котором пользователь не заполняет абстрактную форму, а собирает собственный дом и сразу понимает, как выбранные параметры влияют на крышу и расчёт.
Все проектыКонфигуратор · DEMO
AdeptRoof 3D
Обновлённый интерактивный 3D-конфигуратор для домов и крыш: форма здания, размеры, этажность, геометрия кровли, материал, цвет и дополнительные системы меняются прямо на модели.
Что было сделано
Конфигуратор полностью обновлён вокруг собственной WebGL2-сцены. Поддерживаются простой дом с 2 или 4 скатами, Г- и Т-образная геометрия, 1–3 этажа, размеры корпуса и крыльев, свес и угол кровли. Материалы, цвета и дополнительные системы обновляют визуальный слой и расчёт без перезагрузки. Добавлены orbit-управление камерой, zoom, fit/reset view, размерные метки, снимок текущей конфигурации, три варианта расчёта, сохранение/шаринг и адаптация управления для mobile.
Результат
Пользователь проходит путь «выбрать дом → настроить геометрию → увидеть реальную крышу → сравнить варианты → отправить конфигурацию». 3D здесь работает как часть расчёта, а не как декоративная анимация.
Что вошло в проект
3D-конфигуратор домов / крышCustom WebGL2 renderer2 / 4 скатаГ- и Т-образные дома1–3 этажаLive размеры и геометрияМатериалы и цветаRoof pricing engine3 варианта расчётаCamera orbit / zoomSnapshot конфигурацииSave / ShareMobile controlsRO / RU
Что использовано в проекте
Только технологии и инструменты, которые реально относятся к этому кейсу.
HTML5Frontend
CSS3Frontend
JavaScriptFrontend
PHPBackend
WebGL3D
JSONData
WebGL2Project
Проект в деталях
Нажмите на изображение, чтобы открыть его крупнее.
ЕСТЬ ПОХОЖАЯ ЗАДАЧА?
Покажу, как это можно решить для вашего бизнеса.
Создайте личный кабинет AdeptDEV — проекты, документы, счета и сообщения будут собраны в одном месте.
Зарегистрироваться
Быстрый доступ к кабинету клиента