Skip to content

A simple TypeScript template for PlayCanvas that can also sync with your playcanvas.com project

License

Notifications You must be signed in to change notification settings

playcanvas/playcanvas-editor-ts-template

Repository files navigation

A simple TypeScript template for PlayCanvas that can also sync with your playcanvas.com project.

Quick start

This template uses the playcanvas-sync tool to push files to your PlayCanvas project and requires a little bit of setup with .pcconfig and pcconfig.json.

  1. Copy .pcconfig to your home directory (Mac: /Users/<username>, Windows: C:/User/<username>). .pcconfig has been preconfigured to look for a config file in the current working directory which will be this project's folder (more information here).
  2. Make a copy of pcconfig.template.json and rename to pcconfig.json. This is needed to configure playcanvas-sync to upload the file to correct PlayCanvas Editor project.
  3. Complete/Update the following properties in pcconfig.json using these instructions:
  4. On the command line, run npm install to install the packages.
  5. On the command line, run the npm script npm run watch-push:debug.
  6. This will watch the src folder for changes, compile into build/main.bundle.js and if successful, upload to your playcanvas.com project.

Please note, if you are adding new pc.ScriptTypes or attributes to existing ones, you will need to manually parse the script after upload in the PlayCanvas Editor. Please read this for more details.

npm scripts

Command Description
npm run build:debug Compiles tsc files using debug config and builds to build/main.bundle.js
npm run build:release Compiles tsc files using release config and builds to build/main.bundle.js
npm run watch:debug Compiles tsc files using debug config on code changes and builds to build/main.bundle.js
npm run watch:release Compiles tsc files using release config on code changes and builds to build/main.bundle.js
npm run push Uploads build/main.bundle.js to playcanvas.com project
npm run build-push:debug Performs build:debug and push npm scripts
npm run build-push:release Performs build:release and push npm scripts
npm run watch-push:debug Performs watch:debug and push npm scripts
npm run watch-push:release Performs watch:release and push npm scripts

About

A simple TypeScript template for PlayCanvas that can also sync with your playcanvas.com project

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published