image

This new version of Phaser Editor brings a little bit of everything into the mix - hot new features, UI improvements, bug fixes and even a shiny new logo. Let's dig in ...

New - Network Proxy Support

Phaser Editor v4.2 includes new support for running on devices that use a network proxy for internet access. This is common in the corporate world, and a number of our Enterprise customers requested this feature. As it's useful for all levels of developer, we built it into the Editor and exposed it via a new UI config screen. Under the hood, Phaser Editor relies on three core technologies: Go, Electron and Node and we had to work out a way to set the proxy across all three of these technologies.

When you open the editor it shows the Phaser account login page. In the bottom left you'll see a new link to open the proxy settings:

Change proxy link

If you are already logged in, you can find the link in the settings of the projects page:

Change proxy link

Both of these links open the Proxy configuration page. There you can set and save the different parameters your network requires. Once set, to enable the proxy settings, you must restart the editor.

Proxy settings

The proxy parameters are stored in the <user-home>/.phasereditor2d/settings.json file. You can learn more about this in the documentation.

New - Video Game Object

Also new in this version is support for the Video Game Object. As the name implies, this Game Object allows you to place video content directly in your games.

To add a Video Game Object to the scene, follow the regular workflow of:

  • Add the video file to the asset pack.
  • Drag the video asset from the Blocks view and drop it to the scene.

Add video object

You can edit properties of the video object in the Video section of the Inspector view. One of these is the option to change the asset key (video file) of the object. The Video Key button opens a dialog with all video keys defined in the asset packs:

Change video key

It also provides playback buttons in the Video section.

It is important to highlight that the frames of the videos are rendered when the scene is updated. By default in order to maintain performance, the editor updates the scene only when you modify something in the scene, i.e. change the property of an existing object. This means the video object is not going to be rendered constantly, which would become really annoying, really fast, anyway. To watch a preview of the actual video content in the scene, click the Run Update Loop icon in the scenes toolbar:

Scene toolbar

This toolbar also provides a button to toggle the audio for all videos in the scene.

Learn more about the Video object in the documentation

New - Video and Audio Previewer

As we were adding Video support, we figured it made sense to include a preview player for them. And the next natural move from that, was the ability to preview Audio files too. So now, if you click a media file or asset (video or audio) the Inspector, it will show a new media player to preview the selected file:

Media player

This is a great way to quickly check what a piece of music or sound effect is like, without having to switch out to an external application.

New - Pan Tool

Many Phaser Editor beginners didn't realize it was possible to pan the Scene in the Editor. There are multiple options to do this:

  • Press and drag the middle button of the mouse.
  • Hold the ALT (or Option in macOS) key while pressing and dragging the mouse.
  • Select the Pan tool (press Space key) and drag the mouse in the scene.

However, to make it even clearer, in this version we have added the Pan tool icon to the main toolbar strip. Just click it to toggle pan mode. We hope beginners will find it easier to pan around their scenes with ease.

The pan tool

New - Duplicate Command

This one is a great example of user feedback leading to an improved product for everyone. One of our great community members suggested we should add the feature to 'Duplicate' the currently selected object. This is now available - just select and then press CTRL+D to spawn a new duplicate.

If you have suggestions for Editor features then please let us know! We do listen and incorporate them where possible. You can either tell us on our Discord or post a GitHub issue.

EULA

Starting with this version when you first launch Phaser Editor it will show our new End User License Agreement. You must agree to this in order to continue using Phaser Editor. We had the EULA before, but this now makes it explicitly clear what you're agreeing to. You only need accept it once, the Editor will remember the decision for future launches.

Other Updates

  • Fixes an issue when the editor plays the project and auto starts the development server.
  • Adds cancel button to the Go To Scene dialog.
  • Checks if the selected directory is not empty before creating a project.
  • #24 Passing polygon points in super() call.
  • #23 Starting Dev Server with Vite configuration on Mac.
  • #29 Fixed the set snapping to object size command.

Available Now!

Phaser Editor v4.2 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.

Download Phaser Editor