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. Phaser 3 Turn-Based RPG Tutorial Phaser 3 is a popular game engine for developing a variety of games, including turn-based RPG. A HTML5 developer created a tutorial series that will help you learn the ropes...

  2. FB Instant Games Tutorial Phaser can be integrated when creating Messenger games, and you can learn it through an FB Instant Games Tutorial. The process will require developers to create a new app, even...

  3. 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...

  4. 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...

  5. Tutorial – Supporting Retina Images on Phaser 3 Apple smartphones and tablets support retina images that offer crisper quality. As a game developer, take advantage of this technology by creating HTML5 games in Phaser 3 that support these...

, ,
Art-4, HTML5 Game Dev Tutorials