Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

guillochemaker

Guilloche-Muster und Rosetten bauen — als Plotter-SVG.

guillochemaker erzeugt die filigranen, ineinander verwobenen Linienmuster, die man von Banknoten und Uhrblättern kennt: Wellen auf einer Kreis- oder Polygon-Basis, in Netzen übereinandergelegt, in mehreren Ebenen mit eigener Farbe. Über Presets (Kreis, Stern, Herz, Blume …) bist du in Sekunden bei einer Form, über die Regler formst du sie frei. Der Export ist ein millimetergenaues SVG für den Pen-Plotter.

Die App läuft komplett im Browser. Kein Konto, kein Build, keine Cloud — eine HTML-Datei und ein paar lokale Assets.

guillochemaker – dunkles Theme guillochemaker – helles Theme

Umschaltbar zwischen dunklem und hellem Theme — der Schalter oben rechts merkt sich die Wahl.


Was es kann

  • Guilloche-Mathematik: Basis-Radius, Polygon-Ecken, Wellen-Anzahl/-Tiefe/-Form, Netz-Linien mit 3D-Phasenverschiebung und Spiral-Zoom, Stauchung und Rotation.
  • Form-Presets: Kreis, Dreieck, Quadrat, Sechseck, Oval, Herz, Stern, Blume.
  • Ebenen mit eigener Farbe und Linienstärke, übereinandergelegt.
  • Position & Auflösung frei — bis zu 10 000 Punkte pro Bahn für saubere Kurven.
  • Millimetergenau. Blattgröße in mm (A4 voreingestellt), das SVG trägt echte mm-Maße.
  • Speichern & Laden als JSON, SVG-Export für den Plotter.
  • Hell & Dunkel per Schalter, die Wahl bleibt gespeichert.

Loslegen

guillochemaker ist eine statische Seite. Am einfachsten:

git clone https://github.com/malandereideen/guillochemaker.git
cd guillochemaker
python3 -m http.server 8000

Dann http://localhost:8000 öffnen. (Direkt per Doppelklick auf index.html geht auch — der lokale Server vermeidet nur eventuelle Browser-Warnungen beim Laden der Schriftarten.)


So arbeitest du

  1. Form wählen. Ein Preset unter Basis Geometrie antippen als Startpunkt.
  2. Muster formen. Radius, Polygon-Ecken, Wellen und Netz-Linien mit den Reglern variieren — die Vorschau folgt sofort.
  3. Ebenen stapeln. Rechts + für eine weitere Lage mit eigener Farbe.
  4. Exportieren. SVG Export schreibt die Datei.

Technik

HTML, CSS und JavaScript ohne Build-Schritt. Das Muster wird als SVG-Pfad gerechnet und beim Export direkt serialisiert. Für Layout und Icons kommen Tailwind (Play-CDN) und Lucide zum Einsatz — beide liegen lokal im Ordner vendor/, Schriftarten in fonts/. Damit läuft die App vollständig offline. Die Farbgebung ist an das makr.tools-Design-System gekoppelt, sodass sich helles und dunkles Theme umschalten lassen.

Teil von makr.tools, einer Sammlung kleiner, self-hosted Maker-Werkzeuge.


Entstehung

guillochemaker ist im Vibe Coding entstanden — komplett im Gespräch mit einer KI gebaut, ohne selbst eine Zeile zu tippen. Die Idee, die Guilloche-Mathematik, 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.


Lizenz

MIT — siehe LICENSE.

About

Guilloche-Muster und Rosetten (Wellen auf Kreis/Polygon-Basis, Netze, Ebenen, Form-Presets) als millimetergenaues SVG für Pen-Plotter. Browser-Tool, Hell/Dunkel, offline.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages