A massive new release of the best Phaser IDE ever created is now available, including stunning new features and updates.

Article by Richard Davey. Posted on 7th Jun 2019.   @photonstorm

image

A brand new release of Phaser Editor is now available. This releases brings a huge amount of updates to the table, including some incredible new features such as the Blocks view, or Phaser Versions view. It's a huge update and the developers have worked tirelessly to make it happen. Here are a few highlights, but be sure to read the full article for everything.

  • A new Project View with inline previews of images, a zoomable custom layout, quick content filter and cleaner properties support.

  • The new Blocks View - in this version, we introduced the new Blocks view, another effort to simplify the content presentation to help you go quickly. It shows hierarchical data, for example, in the Scene Editor blocks, a texture atlas is a block that contains other blocks, the frames. Usually, we present hierarchical data as a tree viewer, but in Blocks, we show it as a grid viewer, where "parent" elements contain an expand/collapse button. if you click on the expand button, the children of those blocks will be added to the grid, next to the parent.

Another feature of the Block view is that each block is painted with a solid background, and the color is associated with the type of the block. For example, all the animation blocks share the same color, that is different from the color of an image block.

image

  • Scene Editor blocks - When a Scene Editor is active, the Blocks view shows the asset pack keys you can use in that editor. So you can drag the asset key and drop it into the editor to create new objects. The supported key types are texture atlas, frame of a texture atlas, image, spritesheet, frame of a spritesheet, and animation. In the future, we should show other content like prefabs.

  • The new Phaser Versions view - We added a nice new tool to the Phaser Labs perspective: the Phaser Versions view. That view shows all the versions of Phaser and under each version, it shows all the members introduced in that version. We build the version tree by parsing the @since tag of the Phaser jsdoc. We think this is another way to get information about what's new in every Phaser release.

This is just the tip of the iceberg! Be sure to read the full article for everything.

Read More