{"id":13602959,"url":"https://github.com/playcanvas/editor","last_synced_at":"2026-04-08T13:01:28.464Z","repository":{"id":37436672,"uuid":"237227480","full_name":"playcanvas/editor","owner":"playcanvas","description":"Browser-based visual editor for building WebGL, WebGPU, WebXR apps","archived":false,"fork":false,"pushed_at":"2026-03-26T18:01:53.000Z","size":36789,"stargazers_count":998,"open_issues_count":489,"forks_count":147,"subscribers_count":25,"default_branch":"main","last_synced_at":"2026-03-27T06:10:09.766Z","etag":null,"topics":["3d-editor","editor","frontend","game-development","game-engine","gamedev","hacktoberfest","nodejs","pcui","playcanvas","typescript","ui","webgl","webgl2","webgpu","webxr"],"latest_commit_sha":null,"homepage":"https://playcanvas.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/playcanvas.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":"AGENTS.md","dco":null,"cla":null}},"created_at":"2020-01-30T14:12:46.000Z","updated_at":"2026-03-27T05:55:59.000Z","dependencies_parsed_at":"2023-02-14T00:25:24.473Z","dependency_job_id":"409ae75e-d8fb-44c7-b537-58374abd8fd3","html_url":"https://github.com/playcanvas/editor","commit_stats":null,"previous_names":[],"tags_count":187,"template":false,"template_full_name":null,"purl":"pkg:github/playcanvas/editor","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/playcanvas%2Feditor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/playcanvas%2Feditor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/playcanvas%2Feditor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/playcanvas%2Feditor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/playcanvas","download_url":"https://codeload.github.com/playcanvas/editor/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/playcanvas%2Feditor/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31556239,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T10:21:54.569Z","status":"ssl_error","status_checked_at":"2026-04-08T10:21:38.171Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["3d-editor","editor","frontend","game-development","game-engine","gamedev","hacktoberfest","nodejs","pcui","playcanvas","typescript","ui","webgl","webgl2","webgpu","webxr"],"created_at":"2024-08-01T18:01:44.447Z","updated_at":"2026-04-08T13:01:28.446Z","avatar_url":"https://github.com/playcanvas.png","language":"TypeScript","funding_links":[],"categories":["TypeScript","Others"],"sub_categories":[],"readme":"# PlayCanvas Editor\n\n[![Status](https://img.shields.io/github/actions/workflow/status/playcanvas/editor/.github%2Fworkflows%2Ftest-suite-run.yml?label=test%20suite)](https://github.com/playcanvas/editor/actions/workflows/test-suite-run.yml)\n[![Github Release](https://img.shields.io/github/v/release/playcanvas/editor)](https://github.com/playcanvas/editor/releases)\n[![License](https://img.shields.io/github/license/playcanvas/editor)](https://github.com/playcanvas/editor/blob/main/LICENSE)\n[![Discord](https://img.shields.io/badge/Discord-5865F2?style=flat\u0026logo=discord\u0026logoColor=white\u0026color=black)](https://discord.gg/RSaMRzg)\n[![Reddit](https://img.shields.io/badge/Reddit-FF4500?style=flat\u0026logo=reddit\u0026logoColor=white\u0026color=black)](https://www.reddit.com/r/PlayCanvas)\n[![X](https://img.shields.io/badge/X-000000?style=flat\u0026logo=x\u0026logoColor=white\u0026color=black)](https://x.com/intent/follow?screen_name=playcanvas)\n\n| [User Manual](https://developer.playcanvas.com/user-manual/editor) | [API Reference](https://api.playcanvas.com/editor) | [Blog](https://blog.playcanvas.com) | [Forum](https://forum.playcanvas.com) |\n\nThe PlayCanvas Editor is a visual editing environment for building WebGL/WebGPU/WebXR apps. It can be accessed at https://playcanvas.com.\n\n![Editor](https://raw.githubusercontent.com/playcanvas/editor/refs/heads/main/images/editor.png)\n\nYou can see more projects built using the Editor on the [PlayCanvas website](https://playcanvas.com/explore).\n\n## Local Development\n\nTo initialize a local development environment for the Editor Frontend, ensure you have [Node.js](https://nodejs.org/) 18 or later installed. Follow these steps:\n\n1. Clone the repository:\n\n   ```sh\n   git clone https://github.com/playcanvas/editor.git\n   cd editor\n   ```\n\n2. Install dependencies:\n\n   ```sh\n   npm install\n   ```\n\n3. Build the Editor frontend and start a local web server:\n\n   ```sh\n   npm run develop\n   ```\n\n4. Open the Editor at [playcanvas.com](https://playcanvas.com) and append the query parameter `use_local_frontend` to load the development build:\n\n    ```\n    https://playcanvas.com/editor/scene/\u003cYOUR_SCENE_ID\u003e?use_local_frontend\n    ```\n\n   This will load the Editor frontend from `http://localhost:3487` instead of the production build.\n\n\u003e [!NOTE]\n\u003e This query parameter is also supported in the code editor and launch page\n\n## Library integration testing\n\nThe Editor is built on the following open source libraries:\n\n| Library                                                       | Details                                     |\n| ------------------------------------------------------------- | ------------------------------------------- |\n| [PlayCanvas Engine](https://github.com/playcanvas/engine)     | Powers the Editor's 3D View and Launch Page |\n| [Observer](https://github.com/playcanvas/observer)            | Data binding and history                    |\n| [PCUI](https://github.com/playcanvas/pcui)                    | Front-end component library                 |\n| [PCUI-Graph](https://github.com/playcanvas/pcui-graph)        | PCUI plugin for rendering node-based graphs |\n\nTo test the integration of these libraries, use [npm link](https://docs.npmjs.com/cli/v9/commands/npm-link). Follow these steps:\n\n1. Create a global link from source\n\n    ```sh\n    cd \u003clibrary\u003e\n    npm link\n    ```\n\n2. Create a link to the global link\n\n    ```sh\n    cd editor\n    npm link \u003clibrary\u003e\n    ```\n\n## Test Suite\n\nThe test suite for the PlayCanvas Editor uses [Playwright](https://playwright.dev/) for end-to-end testing.\n\n![Playwright](./test-suite/images/playwright.png)\n\n### Tests\n\nTests are split into two categories:\n\n- `test-suite/test/api` - tests for the Editor API behavior\n- `test-suite/test/ui` - tests for the Editor UI behavior\n\n### Running Tests\n\nTo run the test suite ensure you have [Docker](https://www.docker.com/) installed. Follow these steps:\n\n1. Create a `.env` file based on the [template](.env.template)\n\n    ```env\n    PC_HOST=playcanvas.com\n    PC_LOGIN_HOST=login.playcanvas.com\n    PC_LAUNCH_HOST=launch.playcanvas.com\n    PC_LOCAL_FRONTEND=\u003ctrue|false\u003e\n    PC_COOKIE_NAME=pc_auth\n    PC_COOKIE_VALUE=\u003cplaycanvas-cookie\u003e\n    ```\n\n\u003e [!IMPORTANT]\n\u003e The account used must be an existing account. Create one [here](https://login.playcanvas.com)\n\n2. Run the container with Docker compose\n\n    ```sh\n    docker compose up\n    ```\n\n3. Stop the container with Docker compose\n\n    ```sh\n    docker compose down --remove-orphans\n    ```\n\n\u003e [!NOTE]\n\u003e To build the image from source instead of pulling from the registry append the `--build` flag\n\n### Test Suite Local Development\n\nTo create new tests, ensure you have [Node.js](https://nodejs.org/) 18 or later installed. Follow these steps:\n\n1. Install dependencies:\n\n   ```sh\n   cd test-suite\n   npx playwright install --with-deps\n   npm install\n   ```\n\n2. Create tests and put them into the respective folders. For dynamic recording of tests run this command:\n\n    ```sh\n    npm run codegen\n    ```\n\n\u003e [!NOTE]\n\u003e Run `npm run` for the full list of npm scripts\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fplaycanvas%2Feditor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fplaycanvas%2Feditor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fplaycanvas%2Feditor/lists"}