editor

PlayCanvas Editor es el entorno de edición visual detrás de playcanvas.com, utilizado para construir aplicaciones WebGL, WebGPU y WebXR directamente en el navegador. Este repositorio contiene el código fuente del frontend del Editor, que los desarrolladores pueden ejecutar localmente y cargar contra sus propias escenas de PlayCanvas. Puntos clave del README: - Se accede al Editor a través de playcanvas.com y proporciona un flujo de trabajo de edición visual de escenas para proyectos 3D y XR en tiempo real. - Se destaca una ruta de desarrollo asistida por IA: el Editor incluye una integración integrada del Model Context Protocol (MCP), que permite a los asistentes de IA inspeccionar y modificar proyectos a través de una sesión abierta del Editor. - El desarrollo local requiere Node.js 18 o posterior. Después de clonar y ejecutar npm install, npm run dev compila el frontend y lo sirve localmente en el puerto 3487. Al añadir el parámetro de consulta use_local_frontend a la URL de una escena en playcanvas.com se carga la compilación de desarrollo en lugar de la de producción; el parámetro también funciona en el editor de código y en la página de lanzamiento. - El Editor está construido sobre varias bibliotecas de código abierto: PlayCanvas Engine (vista 3D y página de lanzamiento), Observer (enlace de datos e historial), PCUI (componentes de frontend) y PCUI-Graph (renderizado de gráficos basado en nodos). Las pruebas de integración de estas bibliotecas son compatibles mediante npm link. - El conjunto de pruebas utiliza Playwright para pruebas de extremo a extremo y se divide en pruebas de API y pruebas de UI. Ejecutarlo requiere Docker y un archivo .env con configuración de host, inicio de sesión y host de lanzamiento, además de una cookie de autenticación de una cuenta existente de PlayCanvas. Docker Compose inicia y detiene el contenedor de pruebas, y la imagen se puede compilar desde el código fuente con la bandera --build. - Para escribir nuevas pruebas, se requiere Node.js 18+; las dependencias de Playwright están instaladas y npm run codegen admite la grabación dinámica de pruebas. Los enlaces de documentación incluyen el manual de usuario, la referencia de la API, el blog y el foro. El proyecto se publica bajo un archivo de licencia en el repositorio y tiene canales comunitarios en Discord, Reddit y X.