playcanvas / editor
Browser-based visual editor for building WebGL, WebGPU, WebXR apps
AI Architecture Analysis
This repository is indexed by RepoMind. By analyzing playcanvas/editor in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.
Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context on-demand, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.
Embed this Badge
Showcase RepoMind's analysis directly in your repository's README.
Repository Overview (README excerpt)
Crawler viewPlayCanvas Editor | User Manual | API Reference | Blog | Forum | The PlayCanvas Editor is a visual editing environment for building WebGL/WebGPU/WebXR apps. It can be accessed at https://playcanvas.com. You can see more projects built using the Editor on the PlayCanvas website. Local Development To initialize a local development environment for the Editor Frontend, ensure you have Node.js 18 or later installed. Follow these steps: • Clone the repository: • Install dependencies: • Build the Editor frontend and start a local web server: • Open the Editor at playcanvas.com and append the query parameter to load the development build: This will load the Editor frontend from instead of the production build. > [!NOTE] > This query parameter is also supported in the code editor and launch page Library integration testing The Editor is built on the following open source libraries: | Library | Details | | ------------------------------------------------------------- | ------------------------------------------- | | PlayCanvas Engine | Powers the Editor's 3D View and Launch Page | | Observer | Data binding and history | | PCUI | Front-end component library | | PCUI-Graph | PCUI plugin for rendering node-based graphs | To test the integration of these libraries, use npm link. Follow these steps: • Create a global link from source • Create a link to the global link Test Suite The test suite for the PlayCanvas Editor uses Playwright for end-to-end testing. Tests Tests are split into two categories: • - tests for the Editor API behavior • - tests for the Editor UI behavior Running Tests To run the test suite ensure you have Docker installed. Follow these steps: • Create a file based on the template > [!IMPORTANT] > The account used must be an existing account. Create one here • Run the container with Docker compose • Stop the container with Docker compose > [!NOTE] > To build the image from source instead of pulling from the registry append the flag Test Suite Local Development To create new tests, ensure you have Node.js 18 or later installed. Follow these steps: • Install dependencies: • Create tests and put them into the respective folders. For dynamic recording of tests run this command: > [!NOTE] > Run for the full list of npm scripts