Über diese Webseite
Verwendete Technologien
Next.js & React
Die für die Single-Page-Applikation und die Generierung der statischen Seiten verantwortlichen Frameworks.
TypeScript
Wird im ganzen Projekt eingesetzt, um mehr Stabilität zu gewährleisten.
SCSS
Wird ohne jegliche Libraries verwendet.
Canvas-Elemente
Für diese Website habe ich ein paar auf HTML5-Canvas basierende Bilder erstellt.
Die Zeitleiste
Die Zeitleiste ist ein HTML5-Canvas-Element, das eine zufällige Reihe von Jahren generiert und abspielt.
Die Notenlinien
Das Notelinien-Element malt die Linien, fügt den Bassschlüssel ein und komponiert automatisch ein willkürliches Lied mit ganzen, halben und Viertelnoten.
Die Spinnwebe
Die Spinnwebe wird mathematisch generiert und passt sich nicht nur an die Größe des Canvas-Elements an, sondern kann auch eine beliebige Anzahl an Verzweigungen haben.
Das Gitter
Das Gitter kann eine beliebige Anzahl an X- und Y-Achsen haben und passt sich auch an die Größe des Canvas-Elements an.