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

Команда Pascalorg открыла исходный код Editor — браузерного 3D-редактора для архитектурного проектирования. Проект построен на стеке React Three Fiber и WebGPU, обеспечивая аппаратное ускорение графики. Архитектурно это монорепозиторий на базе Turborepo, где логика разделена на независимые пакеты: ядро с контрактами, движок просмотра сцены, инструменты редактирования и набор встроенных нод.
В основе хранения сцены лежит плоский словарь объектов, а не традиционное вложенное дерево, при этом связи формируются через идентификаторы родительских элементов. Управление состоянием реализовано через изолированные хранилища Zustand для каждого пакета, что локализует обновления интерфейса и минимизирует лишние вычисления. Данные автоматически сохраняются в IndexedDB, а для поддержки многоуровневой отмены действий интегрирована библиотека Zundo.
Визуализация и расчет геометрии вынесены в отдельные системы, работающие внутри цикла рендеринга useFrame. Они реактивно отслеживают измененные узлы и перестраивают объекты: система генерации стен автоматически рассчитывает угловые соединения и вырезает проемы на основе логических операций. Подобное разделение данных и логики представления позволяет использовать проект как самостоятельный инструмент или как базу для интеграции архитектурного 3D-вьюера в сторонние приложения.
Поделиться:
Ещё из архива
Все публикации
Интервью с Владимиром Аюевым: графический язык бигтеха, студия SASHA и дизайн-образование
1 месяц назад
Jockey от TwelveLabs: ИИ-агент для семантического поиска по видеоархивам и извлечения метаданных
1 месяц назад
Архитектура винной этикетки: баланс наборного шрифта и каллиграфии в кейсе Winecraft
1 месяц назад
Оптимизация контекста в Claude Code: как работает кэширование промптов и за что мы платим
1 месяц назад
Архитектура памяти для LLM-агентов: от базового SQLite до Graph RAG
1 месяц назад