Piste 1: dominik.doerr.io

Rote Pistemittelgeöffnet

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.