В открытый доступ выложили полноценный 3D-редактор зданий на React Three Fiber и WebGPU. Без AutoCAD, без Revit, без лицензий за $5 000 в год.
Кто-то взял и выложил в открытый доступ полноценный 3D-редактор зданий, который работает целиком в браузере. Никакого AutoCAD. Никакого Revit. Никаких лицензий за $5 000 в год.
Проект называется Pascal Editor. Под капотом — React Three Fiber и WebGPU, то есть вся отрисовка идёт прямо на видеокарте через браузер. Стек современный: React 19, Next.js 16, Three.js с WebGPU-рендером, Zustand для состояния и three-bvh-csg для булевых операций с геометрией (это когда вы «вырезаете» дверь в стене, и она реально вырезается).
Архитектура — монорепо на Turborepo: приложение на Next.js, отдельный пакет для 3D-рендера и отдельный для схем и стейт-менеджмента. Всё чисто, всё разделено.
Почему это интересно
Не потому что завтра все архитекторы бросят AutoCAD. А потому что это показывает, куда движется веб. Ещё пару лет назад 3D-редактор в браузере — это была демка для конференции. Сейчас это рабочий инструмент с открытым кодом.
WebGPU наконец-то даёт браузеру доступ к видеокарте на уровне, который раньше был только у десктопных приложений. А React Three Fiber превращает Three.js из «страшной 3D-библиотеки» в нормальный компонентный фреймворк, с которым может работать любой React-разработчик.
Конкретно для архитектурных задач — это пока эксперимент. Но для разработчиков, которые строят конфигураторы, 3D-визуализации или интерактивные планировки — отличная отправная точка. Форкнуть, разобраться в архитектуре, собрать своё.
Что стоит учесть
WebGPU поддерживается пока не во всех браузерах. Chrome — да, Firefox и Safari — в процессе. Для продакшена это важный момент: если ваши пользователи на старых браузерах, придётся предусмотреть фоллбэк.
Но как демонстрация технологий и как база для собственных проектов — Pascal Editor стоит того, чтобы заглянуть в репозиторий.
По теме
Если вы строите что-то интерактивное в вебе и думаете, как подступиться к 3D — давайте обсудим.