PathVis3d

Settings

Pathfinding

Algorithm:
Type:
Speed:
Visualize
Clear

Maze Generation

Algorithm:
Speed:
Visualize

Board

Height:
Width:
Reset
Clear

Tutorial

Previous
Next

What is PathVis3d?

PathVis3d is a project created to visualize pathfinding and maze generation algorithms in 3D.

If you want to know more about it, check it out on GitHub by clicking here.

Controls

Drag the mouse outside of the grid to rotate the view.

Scroll to zoom in and out.

Walls

Click and drag the mouse on the grid to create walls.

Click on the wall to delete or drag while holding D to delete multiple walls.

Start and Finish positions

Drag the red node to change the start position.

Drag the green node to change the finish position.

Board

All properties can be found in the Board dropdown menu.

Change the board's size by moving the Height and Width range sliders.

Remove all walls and path by clicking the Clear button.

Remove all walls, path and set the start and finish node's positions to default by clicking the Reset button.

Pathfinding

All properties can be found in the Pathfinding drop-down menu.

To change the current pathfinding algorithm, click on the arrows or on the algorithm itself.

In this application, pathfinding can be either 4 directional or 8 directional, as the user chooses. The cost of moving to the adjacent cell is 10, while to diagonal, it's 14.

Pathfinding speed can be changed by moving the Speed range slider.

Start the visualization of the current algorithm by clicking the Visualize button.

Remove the path by clicking the Clear button.

Maze Generation

All properties can be found in the Maze Generation drop-down menu.

Just like in pathfinding, you can change the current algorithm, it's speed and visualize by clicking the Visualize button.

Final Word

Hope you enjoy playing with this visualizer! If you encounter any problems, feel free to contact me on GitHub.