For a while now I have been interested in isometrics world. Creating isometric art, playing games like Sim City and Roller Coaster Tycoon. 3 Years ago I also used the Phaser Isometric Plugin to create a isometric game demo.
Sadly this plugin is not supported anymore since Phaser 2 became Phaser CE. There was a port for Phaser 3, but that has also not been updated for at least 2 years now.
So I thought let’s give this a shot with Phaser 3 but without using any plugins. The result is this demo:
Phaser Isometric Demo (daan93.github.io)
I based the demo on the following tutorial for Phaser 2 and rewrote that for the newest version of Phaser. Scene management and depth sorting are now native to Phaser 3 and I used Webpack to support bundling and ES6.
There are still some things to consider though. Using the plugin 3 years ago I was able to create physics for game objects so the character could push boxes around and jump on top of them. In my demo this is not possible at all, there is only basic character movement and basic collision detection. I want to improve on this but I am not yet sure how…
What I really need is some Isophysics which supports not just the x- and y-axis but also a z-axis (height in isometric space). The demo I have now uses a 2d top view to convert 2d coordinates into iso coordinates, maybe I can create an additional 2d side view for the height. And I know Phaser now also supports isometric tilemaps, but I need to check how this works with collision and physics before I can implement that.
Maybe you guys have some more ideas?