M-Click (Мебель Клик): Как я переписал ДНК конструктора и почему «просто картинки» в 3D больше недостаточно

С момента публикации моего первого поста прошло время, и проект M-Click (Мебель Клик) совершил качественный рывок. Я по-прежнему пишу весь код один, и, честно говоря, это был период хардкорных правок: я практически полностью переписал «движок» отрисовки и логику интерфейса.

Сейчас я готов показать, как мой онлайн конструктор мебели превращается из «пет-проекта» в серьезный рабочий инструмент.

🕹 Интерфейс «на вырост» и мультимодальность

Я глобально обновил главное меню. Главной задачей было уйти от простого набора кнопок к гибкому Project Creator. Теперь интерфейс не просто удобный — он интуитивно понятный даже для тех, кто видит чертежи впервые. Я проработал архитектуру под мультимодальность: это фундамент, который позволит в будущем расширять функционал, добавлять новые типы изделий и инструментов, не перегружая рабочее пространство.

🎨 Фотореализм и честный масштаб (Real-World Scale)

Обычные планировщики часто грешат «игрушечными» текстурами. Чтобы это исправить, я полностью переписал отрисовку объектов:

  • PBR-материалы: Добавил поддержку карт нормалей и шероховатости. Теперь поверхности ЛДСП реалистично бликуют и имеют объемную структуру.
  • Real-World Scale: Внедрил полноценные каталоги (включая Lamarty). Текстуры теперь накладываются с учетом реального масштаба физического листа ЛДСП (2750x1830 мм). Рисунок дерева больше не дробится, а выглядит ровно так, как будет смотреться на готовом шкафу в вашей комнате.
  • Четкие контуры: Внедрена отрисовка граней (Edges), благодаря чему детали одного цвета больше не сливаются в кашу — вы видите каждый стык и каждую панель.

📐 Кромка и «интеллектуальное» производство

Главная гордость этого обновления — переход к производственной логике.

  1. Появилась кромка: Теперь её можно не просто выбрать, но и увидеть на 3D-модели.
  2. Математика вычета: Это не просто декор. Система автоматически рассчитывает пильные размеры деталей, вычитая толщину кромки из габаритов.
  3. Умная валидация: Конструктор научился «сопротивляться» ошибкам. Он не даст поставить полку там, где она физически не поместится, и проконтролирует высоту цоколя относительно габаритов корпуса.

📄 PDF-спецификация: чертеж в кармане

Я доработал модуль экспорта. Теперь одним нажатием вы получаете PDF-документ с визуализацией проекта и подробной таблицей деталей. Более того, система автоматически подсветит позиции, которые превышают размеры стандартного листа ЛДСП — вы сразу поймете, что проект нужно корректировать.

Что в итоге?

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

Заходите тестировать свежую сборку, адрес конструктора остается тем же.

Я буду очень признателен за фидбек: как вам новая логика создания проекта? Чего не хватает в каталогах?

M-Click - Конструктор мебели, мобильный вид
M-Click - Конструктор мебели, мобильный вид

Все технические подробности и «кухню» разработки одного актера по-прежнему в моем телеграмм канале.

Давайте делать лучший мебельный софт вместе! 🚀

PS: Убрал ссылки, чтобы не отлетало как реклама, кому интересно найдете их в главном посте. Всем Мир!