We're back with another brand-new release of Phaser Editor. This version focuses on quality of life and UI improvements.
New - Drag and Drop File Import
We have completely refreshed the way in which you can add new files to your Project. Instead of navigating to the import menu, you can now simply drag and drop files, or even entire folders full of files, direct from macOS Finder or Windows Explorer:
Then, just drop them on the Phaser Editor window:
This gesture will cause the editor to display a dialog from which you can select the destination folder. It will then finally copy the files:
Once the files are present in the project, they are visible in the Files view, allowing the Inspector to present you with different options as to have the files should be imported to the asset pack, based on the file type:
In this case, we want to import a texture atlas (clouds.json) and its texture (clouds.png), so we select the Import as multiatlas button and choose to import the files in the Asset Pack asset-pack.json:
Phaser Editor uses a manifest file to describe the characteristics of the assets. This Asset Pack is fundamental because the scene editor uses it to obtain the information associated with images, texture atlases, bitmap fonts, sounds, etc. Moreover, it is part of the Phaser API and is an efficient alternative to loading game assets.
You can learn more about it here in the Editor documentation.
Once the atlas and the texture are imported, the frames of the texture appear in the Preview section. You can drag one of the frames into a scene and create an object:
In this version of the editor we have simplified the whole experience from adding a file to the project to creating an object in a scene, without losing flexibility.
There are other ways to add files to the project. Right click on a folder in the Files view and select the Add Files... option from the menu. The editor will open the native file chooser of your system so you can select the files you want to add.
Another way is, when you select a folder in the Files view, the Inspector view shows the Add Files section. It shows a drop-in area where you can drop the system files. It also shows a Browse Files button to search for the system files.
New - Editor Update Message
Every time you run the editor, it checks the update server and if there is a new version of Phaser Editor available to download, it shows you a message. New in this release we now also show you how many versions behind you currently are:
New - Go To Scene Button
The editor provides a number of commands that you can access in the Commands Dialog (Ctrl+K). One of these commands is Go To Scene (Ctrl+Alt+O), which opens a dialog with the scenes of the project. In this dialog you can select a scene and open it in the scene editor.
For many (including ourselves), it can be difficult to remember so many keyboard commands, so we added a new button in the main toolbar of the IDE to execute the Go To Scene command, since it is one of the most commonly used commands:
New - Phaser 3.85
Just a few days ago our team released Phaser 3.85 so we have updated our products with this new version. We have updated the editor, project templates, and our online tool Phaser Explorer.
Other changes
- Fixed dragging split panes while there is an active dialog.
- Fixed screen bounds computation of a Layer object.
- Fixed duplicate command for script nodes and containers.
- Now shows script nodes at the end of the Go To Scene dialog.
- Fixed issue with selection when the IDE window is activated.
- Fixed scene panning when the mouse moves outside the editor.
Available Now!
Phaser Editor v4.3 is available for download for Windows, macOS and Linux from the Downloads page of your User Account.
If you don't have a subscription you can find out more details here.