Pathfinding Visualizer in 3D using Three.js

I created a visualizer for pathfinding algorithms using Three.js and Vue.js. It also contains Maze generation algorithms and a first-person view.

Demo: https://dhruvmisra.github.io/Pathfinding-Visualizer-ThreeJS/
GitHub repository: https://github.com/dhruvmisra/Pathfinding-Visualizer-ThreeJS

Play around with it! Would love to know your suggestions.

18 Likes

Ok, so on one hand - I absolutely refuse to understand why would anyone put so much time and effort into a pathfinding visualisation.

On the other hand - damn, it’s so pretty. :pleading_face:

3 Likes

Hahah, well why not? xD Always wanted to create such a visualizer and then I came across Three.js. Rest is history. :smile:

3 Likes

This is brilliant, I really like the visuals when you calculate. Great job

1 Like

Thank you! Had a lot of fun experimenting with different types of animations.

Incredible! I love it :heart_eyes:
Possibly the best path-finding visualizer!

1 Like

Thank you so much! :smile:

Really well done from all aspects. Great UI/UX. Fantastic app. Future plans?

1 Like

Thanks a lot! :grin: Future plans include adding more algorithms to visualize, making first-person available on mobile and trying to create the obstacles grid by uploading an image. What would you like to see?

can we do this with custom map ?
Like if a have a AutoCAD drawing can we achieve it for indoor making and navigation