Procedural Maze Generation Tutorial in Phaser 3

This procedural maze generation technique adds variety to your levels when developing HTML5 games.

A developer posted a tutorial on creating random mazes using Phaser 3. He used a JavaScript package that implements Eller’s algorithm.

Phaser objects were used to visualize the maze. The developer gave tips in using a glue code for generating the maze data structure. He also provided helpful links for finding the plugins needed for random maze generation.

Learn more about the tutorial here.

procedural maze generation


You might also find this interesting:


  1. HTML5 Game Development Facebook, Twitter and G+ The official HTML5GameDevelopment.org Facebook page up at: http://www.facebook.com/Html5GameDevelopment The official HTML5GameDevelopment.org Twitter account is at: https://twitter.com/#!/gamedevhtml5 The Google Plus page is up at: https://plus.google.com/b/106608051085232600929/ All are updated automatically via the...

  2. Pac-Man 3D Maze Concept Art The Pac-Man 3D Maze is a concept art for the #CodePenChallenge on Twitter. This project features the iconic map of Pac-Man that’s pulsing with bright, neon lights. The 3D maze...

  3. Gorgeous HTML5 WebGL Procedural Terrain Generation A Gorgeous demo using Three.js and WebGL showing birds from RO.ME flying over a landscape. Share List...

  4. WebGL 3D Maze Game based A Cool WebGL based 3D maze based on the old-school Win95 screen saver has been posted on nyhacker.org. The spinning netscape navigator logo really bring it home! Share List...

  5. Hearthstone card effect in CSS An interesting question was posed via Twitter recently. It was about finding a way to create a card browse/hovering effect like the one in the popular card game Hearthstone using...

, ,
Art-4, HTML5 Game Dev Tutorials