Phaser Editor is a brand new editor built on the top of Eclipse that offers lots of built-in tools for Phaser developers:
Project Wizards
The project wizard help you to start your game, in addition you can select any of the Phaser examples. So you can test the example but also you can modified it and test your modifications. This a good resource to learn Phaser.
Phaser Source File Wizard
There are also wizards to create common source files like custom states, sprites and groups.
Built-in HTTP Server
Test your game is very easy, with a click you can open your game in the default browser and run it the Phaser Editor http server (Jetty).
Improved JavaScript Editor
The JavaScript editor of the JSDT was extended, cutomized and modified to improve the Phaser coding experience:
- Code completion of the Phaser API.
- Code completion of the easing literals (like "Bounce.easeInOut")
- Code completion of the assets keys defined in an asset pack (JSON) file.
- Code completion of the file names (images, sounds, etc..)
- Phaser code snippets (the same of the official Phaser sandbox)
Hover extension to show the Phaser documentation of the pointed class, method or property.
Hover extension to preview the pointed asset key (spritesheets, atlas, ...) and media file (images, sounds).
And all the JSDT JavaScript editor features...
Integrated Phaser Chains
Phaser Chains is a great new way to search and discover the Phaser documentation. We improved and integrated it into Phaser Editor.
Asset Pack Editor and Explorer
The Asset Pack is a JSON file used by Phaser to load the assets entries. We encourage to use this format and we provide an editor for this file to integrate it with the other components of Phaser Editor, like the JavaScript editor and the Asset Explorer.
Audio Sprites Editor
An editor to create and modify audio sprites. It is based on FFMpeg. The files are transcoded automatically to OGG, MP3 and WAV. This is an experimental feature.
Texture Atlas Editor
Using texture atlas improve the loading and performance of your game. In Phaser Editor we provide an atlas editor to make it easy. It supports MaxRects algorithm, multi page and the extrude option (to use with spritesheets animations). Is missing the "trim" option in this preview.
PNG Optimization
With a click you can optimize the PNG images of a file, folder or project. This tool uses the OptiPNG program.