Juste pour le fun.

D'après le travail de Andrea Giammarchi et son algo A* j'ai réalisé une vue isométrique.
En gros, je vais faire des div avec la 1ère ligne à 10 cases, le 2nde à 9, la 3ème à 10, la 4ème à 9 cases, etc..
J'ai pas encore fait ça donc ça déborde à droite..

Et c'est un peu buggé donc faut refresh jusqu'à voir un petit bonhomme.
Testez, vous verrez que son déplacement reste un peu illogique par rapport à la vue. Ceci étant dit, on devrait pouvoir paramétrer le type de déplacement (exemple diagonale autorisée) mais pour cela il faut voir AStar.js

Conscient que c'est pas facile, c'est un peu un petit challenge que je vous propose car je n'en ferai pas usage tel que ce sera (le serveur me donnera mon chemin).