ЗДЕСЬ медиа
github.com

Архитектурный 3D-редактор Pascal Editor на базе React Three Fiber и WebGPU

Команда Pascalorg открыла исходный код Editor — браузерного 3D-редактора для архитектурного проектирования. Проект построен на стеке React Three Fiber и WebGPU, обеспечивая аппаратное ускорение графики. Архитектурно это монорепозиторий на базе Turborepo, где логика разделена на независимые пакеты: ядро с контрактами, движок просмотра сцены, инструменты редактирования и набор встроенных нод.

В основе хранения сцены лежит плоский словарь объектов, а не традиционное вложенное дерево, при этом связи формируются через идентификаторы родительских элементов. Управление состоянием реализовано через изолированные хранилища Zustand для каждого пакета, что локализует обновления интерфейса и минимизирует лишние вычисления. Данные автоматически сохраняются в IndexedDB, а для поддержки многоуровневой отмены действий интегрирована библиотека Zundo.

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

Поделиться:

Telegram

Ещё из архива

Все публикации