PlayCanvas Editor

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 build 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:

git clone https://github.com/playcanvas/editor.git
cd editor

Install dependencies:
```
npm install
```
Build Editor and start a local web server on port 51000:
```
npm run develop
```
Append the query parameter use_local_frontend to load the development build:
```
https://playcanvas.com/editor/project/2535?use_local_frontend
```

Note

This query parameter is also supported in the code editor and launch page

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
Editor API	Public API for Editor automation

To test the integration of these libraries use npm link. Follow these steps: