editor

PlayCanvas Editor는 playcanvas.com의 기반이 되는 시각적 편집 환경으로, 브라우저에서 직접 WebGL, WebGPU 및 WebXR 애플리케이션을 구축하는 데 사용됩니다. 이 저장소에는 Editor 프론트엔드 소스가 포함되어 있으며, 개발자는 이를 로컬에서 실행하고 자신의 PlayCanvas 장면에 연결할 수 있습니다. README의 주요 사항: - Editor는 playcanvas.com을 통해 접근되며, 실시간 3D 및 XR 프로젝트를 위한 시각적 장면 편집 워크플로우를 제공합니다. - AI 지원 개발 경로가 강조됩니다: Editor에는 내장된 Model Context Protocol(MCP) 통합이 포함되어 있어, AI 어시스턴트가 열린 Editor 세션을 통해 프로젝트를 검사하고 수정할 수 있습니다. - 로컬 개발에는 Node.js 18 이상이 필요합니다. 클론 후 npm install을 실행하고, npm run dev로 프론트엔드를 빌드하여 로컬 포트 3487에서 제공합니다. playcanvas.com의 장면 URL에 use_local_frontend 쿼리 매개변수를 추가하면 프로덕션 대신 개발 빌드를 로드하며, 이 매개변수는 코드 편집기와 시작 페이지에서도 작동합니다. - Editor는 여러 오픈소스 라이브러리로 구축됩니다: PlayCanvas Engine(3D 뷰 및 시작 페이지), Observer(데이터 바인딩 및 기록), PCUI(프론트엔드 컴포넌트), PCUI-Graph(노드 기반 그래프 렌더링). 이러한 라이브러리의 통합 테스트는 npm link를 통해 지원됩니다. - 테스트 스위트는 Playwright를 사용한 엔드투엔드 테스트로, API 테스트와 UI 테스트로 나뉩니다. 실행하려면 Docker와 호스트, 로그인, 시작 호스트 설정 및 기존 PlayCanvas 계정의 인증 쿠키가 포함된 .env 파일이 필요합니다. Docker Compose는 테스트 컨테이너를 시작 및 중지하며, 이미지는 --build 플래그로 소스에서 빌드할 수 있습니다. - 새 테스트 작성에는 Node.js 18+가 필요하며, Playwright 종속성이 설치되고, npm run codegen이 동적 테스트 기록을 지원합니다. 문서 링크에는 사용자 매뉴얼, API 참조, 블로그 및 포럼이 포함됩니다. 이 프로젝트는 저장소의 라이선스 파일에 따라 출시되며, Discord, Reddit 및 X에 커뮤니티 채널이 있습니다.