Pascal Editor — open-source редактор для создания 3D-моделей зданий прямо в браузере, построенный на React Three Fiber и WebGPU. Сервис подойдёт разработчикам, которые хотят встроить в свой продукт инструмент для проектирования зданий со стенами, этажами, дверями, окнами и крышами. Код открыт на GitHub, доступен как набор npm-пакетов и уже собрал больше 20 тысяч звёзд.
Внутри — монорепозиторий на Turborepo с четырьмя основными пакетами. Core хранит схемы узлов, состояние сцены на Zustand и контракты реестра. Viewer занимается 3D-рендерингом через React Three Fiber, отвечает за камеру и постобработку. Editor добавляет инструменты редактирования, панели и выбор объектов. Nodes содержит готовые определения узлов — стены, перекрытия, потолки, крыши, зоны — с рендерерами и геометрией.
Здание в редакторе описывается иерархией узлов: сайт → здание → этаж → стены (с дверями и окнами), перекрытия, потолки, крыши и зоны. Каждый узел хранится в плоском словаре, а связи между ними задаются через parentId — это упрощает поиск и обновление объектов. Когда какой-то узел меняется, система помечает его как «грязный» и пересчитывает геометрию только для него на следующем кадре рендера — так не приходится перестраивать всю сцену при каждой правке.
Отдельные системы отвечают за генерацию геометрии: стены получают правильные стыки и вырезы под двери и окна через CSG, перекрытия строятся из полигонов, а предметы автоматически позиционируются на стенах, потолках или полу. Есть поддержка 3D-сканов и 2D-гайдов как референсов для моделирования, а также несколько режимов отображения этажей — сложенные друг на друга, разнесённые по высоте или показ только одного этажа.
Состояние сцены сохраняется в IndexedDB и поддерживает отмену действий — до 50 шагов истории через Zundo. Готовый Next.js-хост для редактора лежит в apps/editor, а для интеграции в собственный проект достаточно установить пакеты @pascal-app/core, viewer, editor и nodes и подключить встроенный плагин перед монтированием компонента Viewer. Сервис бесплатный и распространяется с открытым исходным кодом.
Блог