Eine Möglichkeit ist, erstmal ein Gitter zu erstellen und dessen Gitterpunkte mit einfachen Koordinaten zu benennen.
Von links unten nach rechts oben sieht das dann so aus:
[![alt text][1]][1]
\begin{tikzpicture}[scale=0.5, font=\footnotesize]
\def\Gitterweite{4}
\def\Gitterbreite{\Gitterweite}
\def\Gitterhoehe{\Gitterweite}
% Gitterkoordinaten
\foreach \x in {0,...,\Gitterbreite}{
\foreach \y in {0,...,\Gitterhoehe}{
\coordinate[label={\x-\y}] (\x-\y) at (\x,\y);
}}
\end{tikzpicture}
Für das Bild im Startpost erhält man so z.B.:
[![alt text][2]][3]
\begin{tikzpicture}[scale=0.5]
\def\Gitterbreite{7}
\def\Gitterhoehe{6}
\def\Koordinatenliste{(0-0) (3-0) (3-3) (1-3) (1-2) (2-2) (2-1) (0-1) (0-4) (2-4) (2-5) (0-5) (0-6) (5-6) (5-5) (3-5) (3-4) (4-4) (4-2) (6-2) (6-1) (4-1) (4-0) (7-0) (7-3) (5-3) (5-4) (7-4) (7-5) (6-5) (6-6) (7-6)}
% Gitterkoordinaten
\foreach \x in {0,...,\Gitterbreite}{
\foreach \y in {0,...,\Gitterhoehe}{
\coordinate[] (\x-\y) at (\x,\y); %label={\x-\y}
}}
% Grid
\draw[help lines] (0,0) grid (\Gitterbreite, \Gitterhoehe);
% Pfad
\draw[black!50!blue, rounded corners=0.3ex, thick] plot[] coordinates{\Koordinatenliste};
\end{tikzpicture}
**Listen:**
Um auch ganze Listen, für die verschiedenen Möglichkeiten, zu erstellen, ist es sinnvolle sinnvoll, daraus eine <tt>newcommand</tt>-Anweisung zu machen.
Etwa: `\GitterPfad{<Gitterbreite>}{<Gitterhoehe>}{<Farbe>}{<Koordinatenliste>}`
Beispiel: `\GitterPfad{4}{3}{red}{(0-0) (1-0) (2-0) (3-0) (4-0) (4-1) (3-1) (2-1) (1-1) (0-1) (0-2) (1-2) (2-2) (3-2) (4-2)}`
[![alt text][4]][5]
% \GitterPfad{<Gitterbreite>}{<Gitterhoehe>}{<Farbe>}{<Koordinatenliste>}
\newcommand{\GitterPfad}[4]{% =======================
\begin{tikzpicture}[scale=0.5]
\def\Gitterbreite{#1} % 7
\def\Gitterhoehe{#2} % 6
\foreach \x in {0,...,\Gitterbreite}{
\foreach \y in {0,...,\Gitterhoehe}{
\coordinate[] (\x-\y) at (\x,\y); %label={\x-\y}
}}
% Grid
\draw[help lines] (0,0) grid (\Gitterbreite, \Gitterhoehe);
% Pfad
\def\Koordinatenliste{#4}
\draw[color=#3, rounded corners=0.3ex, thick] plot[] coordinates{\Koordinatenliste};
\end{tikzpicture}
} %==================================
\GitterPfad{4}{3}{red}{(0-0) (1-0) (2-0) (3-0) (4-0) (4-1) (3-1) (2-1) (1-1) (0-1) (0-2) (1-2) (2-2) (3-2) (4-2)}
**Ganzes Beispiel:**
[![alt text][6]][7]
\documentclass[border=5pt, varwidth]{standalone}
\usepackage{tikz}
\begin{document}
% \GitterPfad{<Gitterbreite>}{<Gitterhoehe>}{<Farbe>}{<Koordinatenliste>}
\newcommand{\GitterPfad}[4]{% =======================
\begin{tikzpicture}[scale=0.5]
\def\Gitterbreite{#1} % 7
\def\Gitterhoehe{#2} % 6
\foreach \x in {0,...,\Gitterbreite}{
\foreach \y in {0,...,\Gitterhoehe}{
\coordinate[] (\x-\y) at (\x,\y); %label={\x-\y}
}}
% Grid
\draw[help lines] (0,0) grid (\Gitterbreite, \Gitterhoehe);
% Pfad
\def\Koordinatenliste{#4}
\draw[color=#3, rounded corners=0.3ex, thick] plot[] coordinates{\Koordinatenliste};
\end{tikzpicture}
\vspace{0.5ex}
} %==================================
\GitterPfad{4}{3}{red}{(0-0) (1-0) (2-0) (3-0) (4-0) (4-1) (3-1) (2-1) (1-1) (0-1) (0-2) (1-2) (2-2) (3-2) (4-2)}
\foreach \n in {
(0-0) (1-0) (2-0) (3-0) (4-0) (4-1) (3-1) (2-1) (1-1) (0-1) (0-2) (1-2) (2-2) (3-2) (4-2),
(0-0) (1-0) (2-0) (2-1) (1-1) (0-1) (0-2) (1-2) (2-2) (3-2) (3-1) (3-0) (4-0) (4-1) (4-2),
(0-0) (1-0) (1-1) (0-1) (0-2) (1-2) (2-2) (2-1) (2-0) (3-0) (4-0) (4-1) (3-1) (3-2) (4-2),
(0-0) (1-0) (1-1) (0-1) (0-2) (1-2) (2-2) (3-2) (3-1) (2-1) (2-0) (3-0) (4-0) (4-1) (4-2)
}{%
\GitterPfad{4}{3}{black!50!green}{\n}
}\\
\foreach \n in {
(0-0) (0-1) (0-2) (1-2) (1-1) (1-0) (2-0) (3-0) (4-0) (4-1) (3-1) (2-1) (2-2) (3-2) (4-2),
(0-0) (0-1) (0-2) (1-2) (1-1) (1-0) (2-0) (2-1) (2-2) (3-2) (3-1) (3-0) (4-0) (4-1) (4-2),
(0-0) (0-1) (0-2) (1-2) (2-2) (2-1) (1-1) (1-0) (2-0) (3-0) (4-0) (4-1) (3-1) (3-2) (4-2),
(0-0) (0-1) (0-2) (1-2) (2-2) (3-2) (3-1) (2-1) (1-1) (1-0) (2-0) (3-0) (4-0) (4-1) (4-2)
}{%
\GitterPfad{4}{3}{black!50!green}{\n}
}%
\end{document}
[1]: https://texwelt.de/wissen/upfiles/0.png
[2]: https://texwelt.de/wissen/upfiles/1_18.png
[3]: https://texwelt.de/wissen/upfiles/1_18.png
[4]: https://texwelt.de/wissen/upfiles/1a.png
[5]: https://texwelt.de/wissen/upfiles/1a.png
[6]: https://texwelt.de/wissen/upfiles/2_12.png
[7]: https://texwelt.de/wissen/upfiles/2_12.png