twheastasia / phaserjs-game-demo1

Basic JavaScript project template

This is a Phaser Editor 2D v3 project template.

Configuration

• 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 the types/ folder).

Run the editor

If you have NodeJS installed, you can run the editor using the editor NPM script, defined in the package.json file.

First you have to install & update the dependencies:

$ npm install
$ npm update

And then you can run the editor:

$ 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 .

Gitpod

This repository is ready to start coding in Gitpod, a Cloud Development Environment. You only need to [click on this link to start 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 option of copying the URL, opening the URL in a preview panel, or opening the URL in a new tab.

Script Nodes

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 script libraries:

• @phasereditor2d/scripts-core
• @phasereditor2d/scripts-simple-animations