Skip to content

Sunny Land, an example game migrated to Phaser Editor 2D.

Notifications You must be signed in to change notification settings

PhaserEditor2D/starter-example-sunny-land

Repository files navigation

Sunny Land example game

game snapshot

Gitpod ready-to-code

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.

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:

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

Gitpod

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

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.