Piste 1: dominik.doerr.io
Diese Seite. Ein Pistenplan als Startseite, mit einem Routenplaner, der Wege per Dijkstra sucht.
- Stack
- Astro · TypeScript · SVG
- Code
- doerrD/website
- Online
- dominik.doerr.io
Ich wollte eine eigene Seite, die man bei Google findet, und die nach mir aussieht statt nach einer Vorlage. Herausgekommen ist ein Pistenplan.
Wie der Plan entsteht
Das Panorama wird beim Build erzeugt: Drei Bergketten entstehen aus wenigen Stützpunkten, die per Mittelpunkt-Verschiebung zerklüftet werden. Die Schattenflanken folgen dem Licht von links oben, der Wald ist eine Streuung zwischen zwei Höhenlinien. Ein fester Seed sorgt dafür, dass der Plan bei jedem Build gleich aussieht.
Der Routenplaner
Stationen, Pisten und Lifte bilden einen gerichteten Graphen: Pisten gehen nur bergab, Lifte nur bergauf. Der Routenplaner sucht darin mit Dijkstra den schnellsten Weg und zeigt dabei, welche Stationen er prüft.