3D-конфигуратор для проектирования изделий

Инженеры проектных институтов и B2B-заказчики не имели прямого доступа к инструментам проектирования производителя. Чтобы подобрать изделие, им приходилось связываться с менеджерами по телефону или почте, передавать параметры, ждать обратной связи, вносить правки и проходить несколько циклов согласований. Но благодаря решению не только увеличилась скорость работы инженеров и менеджеров, но и в целом изменилась цепочка взаимодействия. Инженер получает возможность самостоятельно работать с инструментами проектирования в удобное для него время, а менеджер — видеть уже сформированный подбор, готовый к дальнейшей коммерческой и производственной обработке.

Проект — 3D-конфигуратор распределительных коробок для B2B-клиентов с личным кабинетом и интеграцией с системой автоматизированного проектирования.

Система позволяет:

создавать подборы изделий под конкретный проект,

настраивать параметры коробок (тип, размеры, вводы, клеммы),

видеть изменения в 3D в режиме реального времени,

автоматически генерировать спецификации и проектную документацию,

получать готовую проектную документацию обратно в систему,

в личном кабинете работать с проектами и заказчиками.

Ранее клиент использовал исключительно зарубежный сервис для автоматизированного формирования чертежей. Однако конфигурирование происходило вне управляемой веб-среды, а UX и скорость работы системы не соответствовали современным требованиям.

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

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

Мы разрабатывали решение не как изолированный конфигуратор, а как часть будущей цифровой экосистемы компании Световые Технологии. Система изначально проектировалась как агрегатор конфигураций, связанный с заказчиком, его проектом и подбором изделий, а также с внешними производственными и учетными системами.

Архитектура была выстроена таким образом, чтобы разделить бизнес-логику конфигурирования, 3D-визуализацию и интеграционный слой. Это позволило обеспечить устойчивость системы, высокую производительность в браузере и возможность дальнейшего развития алгоритмов без переписывания ядра.

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

Центральным элементом решения стал браузерный 3D-конфигуратор распределительных коробок. Он предназначен для инженеров и менеджеров, которые подбирают изделия под конкретный проект заказчика и должны сразу видеть результат своей настройки.

Мы реализовали поддержку нескольких типов коробок — прямоугольных и круглых (R и RM), с динамическим изменением интерфейса в зависимости от выбранного типа. При смене формы система автоматически добавляет или скрывает соответствующие блоки параметров, исключает неподдерживаемые элементы из валидации и передачи данных, при этом сохраняя уже введённые общие значения. Это важно для реальных рабочих сценариев, когда пользователь экспериментирует с конфигурацией и сравнивает варианты.

3D-модели были специально подготовлены и оптимизированы для работы в браузере: с минимальной, но инженерно достаточной детализацией. Мы переработали исходные болванки, снизили нагрузку на рендеринг и добились плавной работы даже при большом количестве элементов на сцене.

Самой сложной частью проекта стала реализация алгоритмов размещения кабельных вводов. Конфигуратор работает не с условными отверстиями, а с реальными габаритами вводов, учитывая их внешний диаметр и обязательные технологические зазоры. Это принципиально важно для достоверности конфигурации.

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

Таким образом, пользователь не просто видит модель, а сразу понимает, где конфигурация выходит за допустимые рамки.

Понимая, что автоматические алгоритмы не всегда закрывают все инженерные кейсы, мы реализовали расширенный режим ручного управления. В этом режиме пользователь может работать с отдельными вводами или группами вводов, переключаясь между 2D- и 3D-представлением.

При наведении элементы подсвечиваются, меняется курсор, доступен выбор нескольких объектов с клавишей Ctrl. Пользователь может объединять вводы в группы, перемещать их как единое целое или, при необходимости, разбирать обратно. При группировке система автоматически перерассчитывает их положение, ориентируясь на нижний и левый элемент группы, и применяет к ним те же инженерные правила, что и к одиночным вводам.

Это позволило совместить строгую алгоритмическую логику с гибкостью, необходимой инженерам при работе с нестандартными проектами.

Вокруг конфигуратора был выстроен полноценный веб-интерфейс с личным кабинетом. Система поддерживает роли пользователя и администратора с четким разграничением прав доступа.

Пользователь работает в логике «заказчик → проект → подбор → изделие». Он может создавать подборы, дублировать их для похожих задач, добавлять теги и заметки, отслеживать статус подготовки документации и получать уведомления о готовности спецификаций. Это превращает конфигуратор из разового инструмента в рабочую среду для проектной деятельности.

Администратор, в свою очередь, управляет пользователями, компаниями, глобальными справочниками и интеграциями, обеспечивая контроль и целостность данных.

Основным технологическим вызовом стала синхронизация веб-интерфейса и 3D-модели в режиме реального времени. Необходимо было обеспечить мгновенную перерисовку, корректную математическую модель позиционирования и устойчивую работу в браузере при высокой вариативности параметров.

Сложность добавляла инженерная специфика: размещение элементов должно учитывать реальные технологические ограничения, а не только визуальную композицию. Это потребовало глубокого погружения в предметную область и совместной работы с экспертами со стороны клиента.

Дополнительным фактором стала динамика требований. В процессе разработки выявлялись новые технологические нюансы, которые необходимо было интегрировать в алгоритмы. Благодаря гибкой архитектуре изменения вносились без критической переработки системы.

В результате клиент получил собственный 3D-конфигуратор, работающий быстрее и отзывчивее, чем используемое ранее решение. Процесс подбора изделий стал управляемым, прозрачным и интегрированным в цифровую среду компании.

Система снизила риск проектных ошибок, ускорила работу менеджеров и инженеров и создала технологическую основу для дальнейшего развития продукта.

Для нас проект стал демонстрацией экспертизы в разработке сложных инженерных веб-систем с 3D-логикой, алгоритмической точностью и промышленной интеграцией в производственные процессы.