Разработка планировщика террасы для производителей террасной доски
План террасы по размерам, раскладка доски, лестницы и подсистема в 3D, спецификация материалов и цена — живой пример на странице.
Смотреть демо3D-конфигуратор с планировщиком интерьера для сети супермаркетов отделочных материалов
Встроенный в интернет-магазин строительных и отделочных материалов на 1С-Битрикс на готовом решении Аспро Максимум
1С-Битрикс Управление сайтом
1С (УТ, УНФ, КА)
Готовые решение от Аспро
Framework ThreeJS для 3D WebGL
React JS
Material UI (MUI)
Gitlab (CI/CD)
1Цели и задачи
Для интернет-магазина сети магазинов строительных и отделочных материалов формата DIY в Татарстане потребовалось реализовать возможность построения своего интерьера и расчета отделочных материалов напольных и настенных покрытий для клиентов сайта.Было решено реализовать на сайте 3D конфигуратор, который позволил бы быстро и бесплатно смоделировать дизайн-проект квартиры в режиме онлайн.
2Функционал планировщика
Была реализована возможность самостоятельно создать помещение, разместить двери и окна, выбрать материалы внутренней отделки, а также разместить мебель и сантехнику представленную в интернет-магазине Berezka. Основной задачей конфигуратора является расчет отделочных материалов по площади помещения с учетом процента на запас. Планировщик позволяет построить помещение и рассчитать площади пола и стен.Функционал построения стен реализован методом связного графа - при выборе инструмента построения стен каждый клик фиксирует точку, между которыми строится стена, замкнутый контур стен формирует помещение - у него рассчитывается площадь пола и помещению можно задать свое название. После построения помещения можно работать с созданным контуром. Изменять характеристики стен, добавлять дополнительные точки, встраивать стены и окна, а также удалять выбранную область.
Далее пользователю предлагается применить к стенам материалы - обои из каталога. Данные по наличию и цене подтягиваются из синхронизированного с 1С каталога номенклатуры, а дополнительное свойство (помимо кратности) "процент на запас" позволяет сформировать расчет необходимого количества материала.
В любой момент времени пользователю доступна общая смета на весь проект (все добавленные товары из каталога, примененные в его проекте с общей стоимостью) и возможность полного или частичного добавления в корзину интернет-магазина позиций из сметы проекта.
Для придания проекту законченного вида, реализован инструмент “добавление мебели”, который позволяет разместить как товары из каталога интернет-магазина, так и абстрактные столы, стулья и элементы сантехники - привязанные к каталогу товары формируют общую смету проекта, а абстрактные используются только для визуализации.
3Режим сдвоенного экрана 2D/3D
В отличие от традиционных режимов просмотра (2D вид плана помещения сверху в формате чертежа, 3D-вид с летающей камерой для просмотра всего интерьера в пространстве и 3D-вид на уровне глаз с возможностью передвижения по трехмерной сцене) для этого конфигуратора был реализован вариант отображения "Сдвоенный экран". В этом режиме экран делится пополам, на левой части отображется 3D-вид, на правой - 2D вид чертежа. При этом клик на объект на 2D-виде переносит камеру для удобного ракурса просмотра выбранного элемента (помещения, конкретной стены, элемента),
4Спецификация и сохранение проекта
Следующий инструмент, в виде иконки дискеты, является функционалом сохранения. После нажатия на кнопку изменения проекта станет доступна возможность сохранить ссылку, по которой этот проект можно будет открыть позже. Проект можно сохранить и он будет доступен по ссылке в любое время.
Выбранные материалы и товары из сметы можно полностью или частично (выбор чекбоксами) добавить в корзину интернет-магазина на 1С-Битрикс, для дальнейшего оформления заказа.
Оглавление
Оглавление
Нужен похожий проект?
Расскажите о задаче — покажем близкие по смыслу работы и предложим решение со сроками и бюджетом.
Похожие проекты
Отраслевые решения на основе этого опыта:
Разработка 3D-конфигуратора забора для производителей ограждений
Участок, ворота и евроштакетник в 3D, смета материалов и расчёт цены — живой пример конфигуратора забора.
Смотреть демо
Разработка планировщика участка и забора для производителей ограждений
Клиент рисует свой участок, ставит ворота и калитки — планировщик строит забор, считает смету и цену.
Смотреть демо
Разработка конфигуратора ландшафтных решений: дорожки, озеленение, МАФ
План участка, дорожки и площадки из тротуарной плитки, растения и малые формы в 3D, смета и цена — живой пример конфигуратора ландшафта.
Смотреть демо
Разработка конфигуратора детской площадки: покрытие, оборудование, зоны безопасности
План участка, резиновое покрытие, качели, горки, карусели и тренажёры с зонами безопасности, МАФ в трёх коллекциях, 3D и смета — живой приме...
Смотреть демо
