J'avais pour problèmatique de simplifier au maximum la création de tuiles automatiques, et cette page est une proposition de solution.
Généralement chaque tuile serait un rond
On pourrait rajouter des "intermédiaires", qui seraient les mêmes éléments entre deux cases, mais ça nécessite de la programmation( n"hésitez pas à regarder le code source de cette page pour avoir le javascript qui permet cela, faite CTRL + U)
Si on ne veux pas d'intermédiaires, il y a encore plus simple ! Chaque tuile peux être un rond débordant généreusement (par exemple 120px de diamètre pour une tuile de largeur 64px, disons deux fois plus grand)
Ce qui pourrait poser problème est la différence de distance entre une case adjacente et diagonales, mais si on fait beaucoup grossir les éléments alors cela ne se voit pas beaucoup. On pourrait aussi utiliser une grille triangulaire (ou hexagonale) pour résoudre ce problème.
Propositions :
Essayer 30px avec intermédiaires pour comprendre ce que sont les intermédiaires
Grossir à 70px pour voir que ça peux tracer des sentiers
Rafraîchir la page pour tout effacer, puis essayer sans intermédiaire avec 120px
Cliquez pour créer/supprimer une tuile, essayer de dessiner un sentier.