pimenov.ai

Pascal Editor — open-source 3D-редактор зданий прямо в браузере

В открытый доступ выложили полноценный 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 — давайте обсудим.

Если хотите разобрать свою задачу — напишите мне

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

Напишите мне в Телеграм Мой Телеграм канал

Обычно хватает 2–3 сообщений, чтобы понять, могу ли я здесь реально помочь и в каком формате лучше двигаться дальше.

Связанные материалы