React Three Fiber 기반의 노드형 3D 건축 에디터
pascalorg/editor
GitHubReact Three Fiber와 WebGPU 기술을 기반으로 구축된 전문 3D 건축 에디터입니다. 노드 중심의 구조적 데이터 관리를 통해 직관적인 모델링 환경을 제공합니다.
- 단순한 시각화를 넘어, '모델 컨텍스트 프로토콜(MCP)'을 활용하여 외부 AI 에이전트가 구조 데이터에 접근하고 실제 건축 작업 흐름을 수행할 수 있습니다.
- 복잡한 3D 모델링 과정을 '노드'라는 데이터 원시 단위로 정의하고, 이를 전담하는 시스템과 뷰어를 분리하여 대규모 프로젝트에 최적화된 아키텍처를 갖췄습니다.
- 최신 기능 및 개발자 기능을 사용하려면 전용 CLI를 통해 로컬 환경에서 실행하는 것이 권장되며, 모듈화된 구조로 높은 확장성을 자랑합니다.
이 에디터는 React Three Fiber와 WebGPU 기술을 활용하여 구축된 전문적인 3D 건물 편집 도구입니다. 복잡한 건축 모델링 과정을 '노드'라는 데이터 원시 단위로 정의하며, Site > Building > Level과 같은 계층적 구조를 가지지만 실제 노드는 평면 사전(flat dictionary)에 저장됩니다. 이 아키텍처는 직관적인 모델링 환경을 제공하는 동시에 대규모 프로젝트 관리에 최적화되어 있습니다.
시스템은 모듈식으로 분리된 마이크로 프론트엔드 구조를 따릅니다. `@pascal-app/viewer`가 3D 렌더링을 담당하고, `@pascal-app/editor`는 상호작용 도구와 편집 기능을 추가합니다. 상태 관리는 각 패키지별 Zustand 스토어를 통해 이루어지며, 노드 데이터는 `Record<id, AnyNode>` 형태로 관리되어 CRUD 작업 및 시스템 업데이트가 효율적으로 처리됩니다.
단순한 시각화를 넘어, 이 에디터는 '(MCP)'을 지원하여 외부 와의 연동을 염두에 두고 설계되었습니다. `WallSystem`, `SlabSystem` 등 핵심 시스템들이 노드 데이터를 기반으로 벽체 생성이나 바닥 폴리곤 생성을 수행하며, 이는 구조 데이터에 접근하는 AI 에이전트가 실제 건축 작업 흐름을 수행할 수 있도록 지원합니다.
용어 풀이
- 모델 컨텍스트 프로토콜
- AI가 외부 도구·데이터와 연결되는 방식을 정한 공개 표준. Anthropic이 처음 공개했어요.
- AI 에이전트
- 목표를 받으면 스스로 계획을 세우고 도구를 써서 여러 단계의 작업을 해내는 AI.