Grid Path Finding
  • Create the HTML / CSS first ( Important )
  • Preparing the JavaScript structure ( Dont skip )
  • Building the Grid layout
  • Building the GridCells layout
  • Special Offer: Helping Freelancers Get Clients With Free Weekly 1on1 Coaching
  • Rendering the GridCells elements
  • Rendering the GridCell events ( click, hover, drag, drop )
  • Re-factoring the GridCell class ( cleaning the mess )
  • Create the GridPathFinding class ( AStarFinder )
  • Using the path finding algorithms
  • Creating the helperGrid for using the AStarFinder
  • Creating the helperPath by using the A*
  • Drawing the svg path line using the helperPath
Get the code here
  • Access to the entire code base
Get a limited deal on my other courses
  • Get a limited deal on my other courses