Tiny Online Tools
Das berühmte C64-Einzeiler-Programm, jetzt als SVG
1982 fesselte ein einziges BASIC-Programm auf dem Commodore 64 eine ganze Generation:
10 PRINT CHR$(205.5 + RND(1)); : GOTO 10
Es druckte fortlaufend zufällig CHR$(205) (einen Slash) oder CHR$(206) (einen Backslash), bis der Bildschirm mit einem seltsam faszinierenden labyrinthartigen Muster gefüllt war. Dieser Generator bildet denselben Algorithmus als skalierbares, stylebares SVG nach, das du in jedes moderne Design einsetzen kannst.
Wie es funktioniert
Ein Raster aus Spalten × Zeilen wird auf die Fläche gelegt. Für jede Zelle wählt eine Seed-basierte Zufallsfunktion eine / oder \-Diagonale, die als einzelne <line> gezeichnet wird. Das Ergebnis ist ein knackscharfes SVG mit nur wenigen Elementen pro Muster — einfach zu editieren, leicht zu animieren und mit minimaler Dateigröße.
Regler
- Spalten / Zeilen — Anzahl der Zellen pro Richtung.
- Zellgröße — Pixelgröße pro Zelle.
- Strichstärke — Linienbreite jeder Diagonalen.
- Farbe / Hintergrund — Zweifarb-Schema.
- Seed + Neu würfeln — Fixiere ein Layout, das dir gefällt, oder probiere neue aus.
Einsatzzwecke
- Retro-/Demoscene-inspirierte Landingpages
- T-Shirts und Sticker für Dev-Kultur
- Albumcover und Zines
- Generative-Art-Poster
- CSS-
background-image-Dekorationen viadata:-URI
Da die Ausgabe ein SVG mit nur <line>-Elementen ist, kannst du Farben durch CSS-Variablen ersetzen, den Strich per stroke-dasharray animieren oder das Muster mit <pattern> zu einem endlosen Hintergrund kacheln.