Algorithmische Muster, die als Plotter-SVG rauskommen.
patternmaker erzeugt geometrische Muster aus einer Handvoll Reglern: Zellengröße, Komplexität, ein Seed für den Zufall. Über 20 Algorithmen — Truchet-Kacheln, Hexagon-Waben, Seigaiha-Wellen, Mondrian-Rechtecke, Flow Fields und mehr — jeweils als saubere Linien-Geometrie, nicht als Pixelbild. Mehrere Ebenen mit eigener Farbe lassen sich übereinanderlegen, und der Export ist ein millimetergenaues SVG, das direkt auf den Pen-Plotter oder Schneidplotter geht.
Die App läuft komplett im Browser. Kein Konto, kein Build, keine Cloud — eine HTML-Datei und ein paar lokale Assets.
Umschaltbar zwischen dunklem und hellem Theme — der Schalter oben rechts merkt sich die Wahl.
- Über 20 Muster-Algorithmen in vier Gruppen: Kacheln & Raster, Geometrisch & 3D, Klassisch & Architektur, Organisch & Chaos.
- Seed-basiert. Derselbe Seed ergibt dasselbe Muster — reproduzierbar, aber per Würfel-Button sofort neu ausgewürfelt.
- Ebenen. Jede Ebene ein eigener Algorithmus, eine eigene Farbe, eine eigene Linienstärke — übereinandergelegt zu vielschichtigen Kompositionen.
- Millimetergenau. Zellengröße und Linienstärke in mm, Blattgröße frei (A4 voreingestellt). Das SVG trägt echte mm-Maße.
- Plotter-fertig. Reine Linien und Bögen, jede Ebene als eigene
<g>-Gruppe für den Farbwechsel am Gerät. - Speichern & Laden als JSON, um an einem Entwurf weiterzuarbeiten.
- Hell & Dunkel per Schalter, die Wahl bleibt gespeichert.
patternmaker ist eine statische Seite. Am einfachsten:
git clone https://github.com/malandereideen/patternmaker.git
cd patternmaker
python3 -m http.server 8000Dann http://localhost:8000 öffnen. (Direkt per Doppelklick
auf index.html geht auch — der lokale Server vermeidet nur eventuelle
Browser-Warnungen beim Laden der Schriftarten.)
- Algorithmus wählen. Oben in der aktiven Ebene aus dem Menü — von Truchet-Bögen bis Flow Field.
- Regler drehen. Zellengröße bestimmt die Grobheit, Komplexität die Dichte, der Seed die konkrete Variante.
- Ebenen stapeln. + Neue Ebene legt eine weitere Lage an; jede mit eigener Farbe und eigenem Algorithmus.
- Blatt setzen. Breite und Höhe in mm unter Projekt Global.
- Exportieren. Als SVG Exportieren schreibt die Datei — jede Ebene als eigene Gruppe für den Stift- oder Werkzeugwechsel.
Reines HTML, CSS und JavaScript ohne Build-Schritt. Keine Laufzeit-Abhängigkeiten:
Das Muster wird direkt auf ein Canvas gerechnet und beim Export als SVG-Pfade
serialisiert. Der Zufall kommt aus einem seedbaren mulberry32-Generator, damit
Ergebnisse reproduzierbar bleiben. Schriftarten (Space Grotesk, Inter) sind lokal
im Ordner fonts/ gebündelt — die App läuft vollständig offline.
Teil von makr.tools, einer Sammlung kleiner, self-hosted Maker-Werkzeuge.
patternmaker ist im Vibe Coding entstanden — komplett im Gespräch mit einer KI gebaut, ohne selbst eine Zeile zu tippen. Die Idee, die Auswahl der Algorithmen, die Entscheidungen zum Aufbau: alles aus meinem Kopf und aus meiner Erfahrung als NC-Programmierer und Maker. Den Code hat die KI geschrieben, Schritt für Schritt, immer sofort im Browser überprüft.
Ich zeige damit gern, wie weit man heute mit diesem Ansatz kommt — von der ersten Idee bis zum lauffähigen Werkzeug.
MIT — siehe LICENSE.