Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vinylmaker

Musik in eine Spiralrille verwandeln — als Plotter- oder Laser-Datei.

vinylmaker liest eine Audiodatei und zeichnet ihre Wellenform als spiralförmige Bahn, die von außen nach innen läuft — wie die Rille einer Schallplatte. Wie „wild" die Welle ausschlägt, wie eng die Runden liegen und wie stark geglättet wird, steuerst du mit ein paar Reglern. Heraus kommt ein SVG mit getrennten Ebenen für Schnitt und Zeichnung, fertig für Pen-Plotter oder Laser.

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

vinylmaker – dunkles Theme vinylmaker – helles Theme

Umschaltbar zwischen dunklem und hellem Theme — der Schalter oben rechts merkt sich die Wahl. Die Vorschau bleibt schwarz wie ein Plattenteller.


Was es kann

  • Audio rein (MP3, WAV, …) — direkt im Browser dekodiert, nichts verlässt den Rechner.
  • Spiralrille aus der Wellenform: Amplitude, Rillenabstand, Glättung und eine RPM-Simulation für die Rundenzahl.
  • Live-Vorschau auf dem „Plattenteller".
  • Millimetergenau. Plattengröße in mm, das SVG trägt echte mm-Maße.
  • Zwei Ebenen im Export: Außenkreis und Mittelloch als Schnitt-Layer, die Wellenform als Zeichen-Layer.
  • Hell & Dunkel per Schalter, die Wahl bleibt gespeichert.

Loslegen

vinylmaker ist eine statische Seite. Am einfachsten:

git clone https://github.com/malandereideen/vinylmaker.git
cd vinylmaker
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. Audio laden. Links MP3/WAV Laden.
  2. Rille formen. Plattengröße, Amplitude, Rillenabstand, Glättung und RPM einstellen — die Vorschau folgt sofort.
  3. Exportieren. SVG Downloaden schreibt die Datei mit Schnitt- und Zeichen-Layer.

Technik

Reines HTML, CSS und JavaScript ohne Build-Schritt, keine Laufzeit-Abhängigkeiten. Das Audio wird über die Web Audio API dekodiert; die Amplitude moduliert den Radius einer archimedischen Spirale, deren Punkte direkt als SVG-Pfad geschrieben werden. Schriftarten 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.


Entstehung

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

Audio (MP3/WAV) → spiralförmige Waveform im Schallplatten-Look als SVG (Schnitt- + Zeichen-Layer) für Pen-Plotter und Laser. Browser-Tool, Hell/Dunkel, offline, kein Build.

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages