This is a port to Phaser 3 of the Sunny Land demo made by Luis Zuno.
This is a good example of how to use the Tilemap support in the Scene Editor, the User Components and the Animations Editor.
- It includes the latest Phaser v3 runtime (in the
lib/
folder). - It is coded in JavaScript.
- It includes a VS Code project configuration (
jsconfig.json
file) and the type definitions (in thetypes/
folder).
If you have NodeJS installed, you can run the editor using the editor
NPM script, defined in the package.json
file:
$ npm install
$ npm update
$ npm run editor
If you are in a remote environment (like the Gitpod.io IDE), then run the editor like this:
$ npm run editor-remote
If you want to see all the editor options, run:
$ npx phasereditor2d-launcher -help
If Phaser Editor 2D Core is globally installed, you can run:
$ PhaserEditor2D -project .
This repository is ready for start coding in Gitpod, a Cloud Development Environment. You only need to click on this link for starting a new workspace.
This is what Gitpod does:
- Creates a workspace for this project.
- Opens VS Code to edit this repo.
- Installs & updates the dependencies of this repo.
- Runs Phaser Editor 2D Core server in port
1959
.
In the Ports panel in VS Code, it shows the links for opening the editor (port 1959
). It gives you the options of copy the URL, open the URL in a preview panel, or open the URL in a new tab.
Script nodes are logic objects. You can add a script node to the scene or a game object, for extending it with custom data and behavior.
This project includes the basic script nodes in the src/script-nodes-basic/
folder. You can add your own script nodes in the src/script-nodes/
folder.