웹 기반 3D 건축 설계 에디터 Pascal 공개
Key Point
웹 기술로 전문적인 3D 건축 설계 도구를 구현한 사례로, React 생태계 개발자나 WebGPU 기술에 관심 있는 개발자의 참고 자료이며, AI 에이전트 연동 기능은 LLM 기반 자동화 워크플로우의 실제 적용 사례를 보여준다.
핵심 요약
- React Three Fiber와 WebGPU로 만든 3D 건축 프로젝트 에디터로, 브라우저에서 직접 3차원 공간을 설계하고 공유할 수 있다.
- Node.js 22.13 이상이면 저장소를 복제하지 않아도 CLI로 로컬 에디터를 실행할 수 있으며, 프로젝트는 ~/.pascal/data/pascal.db에 저장된다.
- Turborepo 모노레포 구조로 viewer, editor, core, nodes 등 재사용 가능한 패키지들로 분리되어 있고, npm과 GitHub에서 모두 배포된다.
- @pascal-app/core, @pascal-app/viewer, @pascal-app/editor 등 독립적인 npm 패키지로 제공되며 React 프로젝트에 통합할 수 있다.
- Zustand 기반 상태 관리와 Zundo로 50단계 실행 취소·다시 실행을 지원하며, 씬 데이터는 IndexedDB에 자동 저장된다.
- Claude Code와 Codex 에이전트용 MCP(Model Context Protocol) 플러그인을 제공해 AI 에이전트가 로컬 에디터를 원격 제어할 수 있다.
저장소 보기 ↗github.com