Pascal Editor: 3D-планировка дома в браузере для клиента

Клиент не видит дом, пока его не построят

Типичная картина у небольшой строительной фирмы. Заказчик получает плоский план в PDF и пытается представить, как будет выглядеть кухня-гостиная. Он говорит «сдвиньте стену на метр», дизайнер уходит в тяжёлую программу, через три дня присылает новую картинку. Ещё через два дня выясняется, что клиент хотел другое.

Тяжёлый CAD нужен для рабочей документации. Для разговора с клиентом он избыточен: долгая установка, лицензии, обучение.

Pascal Editor закрывает именно этот разговор: быстро набросать здание, прокрутить камеру, поменять планировку и сразу показать результат. Репозиторий: pascalorg/editor.

Что проект умеет на самом деле

Редактор построен на React Three Fiber и WebGPU, написан на TypeScript. Сцена описана иерархией: участок, здание, этаж, а на этаже стены с дверями и окнами, перекрытия, потолки, крыши и зоны. Есть режимы просмотра, где этажи стоят друг на друге, разнесены или показан один.

Что подтверждено в коде:

• Экспорт в GLB, USDZ, STL и OBJ, а также файлы для 3D-печати макета (3MF и STL).
• 2D-план этажа и выгрузка плана в PDF, там же таблицы дверей и окон.
• Для каждой зоны считаются площадь, периметр, объём и поверхность стен. Для части величин программа честно пишет «недоступно», если данных не хватает.
• Импорт IFC: отдельное приложение-конвертер на библиотеке web-ifc. Разработчики прямо называют его ранней альфой. В основной ветке 30 сентября влили доработку импорта и экспорт IFC4.
• Локальный запуск одной командой, данные лежат в базе на вашем компьютере.
• Сервер MCP: к редактору можно подключить ИИ-агента, и он создаёт стены и расставляет мебель по команде.

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

Можно ли встроить в свой сайт и кабинет клиента

Можно, и это самая интересная часть для бизнеса. Проект разбит на пакеты npm: ядро сцены, просмотрщик, редактор и набор встроенных элементов. Просмотрщик подключается как React-компонент. Есть режимы вывода только 3D, только 2D-план или оба рядом.

Требования стоят прямо в документации: Next.js, React, three и несколько сопутствующих библиотек. Значит, встраивать удобнее в сайт на React или Next.js. Для обычного сайта на другом движке потребуется отдельная страница-обёртка или iframe.

Для клиентской части это означает: в личном кабинете заказчик открывает модель своего дома и крутит её, а менеджер в этой же сцене показывает варианты.

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

Где это не сработает и что важно учесть

Скажу прямо, проект молодой. Репозиторий создан в октябре 2025 года, версия 1.0.3 вышла в сентябре 2026-го. Над ним работает больше пятидесяти человек, активность высокая: последняя правка в основной ветке датирована 1 октября. Но API ещё меняется, а между релизом и основной веткой лежит свежий код, которого нет в опубликованных пакетах. IFC-экспорт, например, добавили уже после версии 1.0.3.

• Это не замена ArchiCAD, Revit и AutoCAD. Рабочих чертежей для стройки он не даёт, и совместимость с нормами СНиП или ГОСТ никто не заявляет. Для согласования и стройки нужны чертежи от проектировщика.
• Импорт IFC в альфе. По описанию конвертера, часть элементов может встать с неточной высотой, мебель пропускается, балки и лестницы приходят упрощёнными.
• Для 3D нужен браузер с аппаратным ускорением: редактор использует WebGPU, а в тексте ошибки упоминается и WebGL. На старом офисном компьютере сцена может не запуститься, и сайт покажет сообщение о недоступности.
• Русского интерфейса в репозитории не нашли: файлов локализации нет, подписи английские. Для клиентского кабинета интерфейс придётся оборачивать своим.
• Совместное редактирование в реальном времени в коде не подтвердилось. Сохранять и пересылать проекты можно, но два человека в одной сцене одновременно это отдельная разработка.
• Облачная версия на сайте проекта принадлежит их компании. Если проект клиента нельзя отдавать наружу, ставьте локальную версию.

Лицензия MIT разрешает коммерческое использование и доработку, нужно лишь сохранить уведомление об авторстве. Демо «Pascal Next» на сайте проекта показывает направление, но разработчики сами пишут, что этот режим пока не входит в открытый выпуск.

Что можно сделать уже сейчас

Установка занимает минуты, нужен Node.js версии 22.13 и новее:

npx @pascal-app/cli editor

Дальше четыре сценария.

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

Показ на встрече. Менеджер за ноутбуком двигает стены и добавляет окна при клиенте. Экспорт в GLB или USDZ дарит заказчику модель, которую можно открыть на телефоне.

Просмотр в кабинете клиента. Подключаете пакет просмотрщика, выводите модель на страницу проекта рядом со сроками и фотоотчётом. Для застройщика малых объектов это снимает часть вопросов «а что у вас там получается».

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

Мы встраиваем 3D в ваш сайт и кабинет клиента под ключ: подключаем просмотрщик или редактор, настраиваем сохранение проектов и связываем с вашими прайсами. Подробности на странице веб-разработки.

Частые вопросы

Заменит ли он программу, в которой мой проектировщик делает чертежи?

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

Можно ли загрузить уже готовую модель из ArchiCAD или Revit?

Через IFC можно попробовать, но импорт в стадии альфы. На вашем файле результат нужно проверять руками, часть элементов может прийти упрощённой.

Платный ли он?

Код открыт по лицензии MIT, пакеты на npm бесплатны. За сам редактор платить не нужно. Деньги уйдут на разработку встраивания и хостинг.

Коротко о главном

Pascal Editor подходит как лёгкий 3D-слой для общения с клиентом: набросать планировку, показать в браузере, выгрузить модель. Зрелости профессионального CAD у него нет, и это надо помнить при выборе задач. Для показа домов и объёмов он уже годится, особенно если связать его с вашим расчётом цены.

Хотите видеть 3D-модель дома в своём кабинете клиента или на сайте? Напишите мне в Telegram кодовое слово «СТРОЙКА», обсудим вашу задачу и соберём пробную версию.