12Feldführer · Methode

WIE EIN EXEMPLAR ENTSTEHT.

Hinein geht eine Rasterstudie, heraus kommt ein SVG aus flachen Dreiecken. Diese Seite druckt die Pipeline, die Parameter jedes Exemplars und die zwei Fehlschläge, um die herum sie gebaut wurde.

tools/polygon-lab/facet.mjs
tools/polygon-lab/forge.mjs

01Herkunft · die Studie

EIN GEMEINSAMES BRIEFING. DREIZEHN EIGENE FORMEN.

Jede Studie beginnt mit dem gemeinsamen Produktionsbriefing unten und ergänzt es um eine eigene Pose und anatomische Merkmale der Art. So spricht die Sammlung eine Sprache aus gefaltetem Papier, ohne dreizehnmal dieselbe Silhouette zu kopieren. Das vollständige Nano-Banana-Promptprotokoll und alle ausgewählten PNGs liegen neben den daraus berechneten Netzen im Repository.

Die Schmiede ist ein Skript im selben Repository, tools/polygon-lab/forge.mjs. Sie läuft von Hand, wenn ein Exemplar dazukommt, und bleibt aus dem Site-Build heraus. Dieselbe Studie mit demselben Seed erzeugt dasselbe Netz Byte für Byte, also kommt ein neues Exemplar als lesbarer Diff an.

Das gemeinsame Art-Direction-Briefing

premium editorial low-poly folded-paper sculpture with crisp interlocking triangular facets, visible paper depth and small edge shadows; authentic species anatomy; saturated vermilion, orange, yellow, acid green, emerald, teal, cobalt, violet and magenta on a high-key neutral white seamless background; restrained grounding shadow only; complete subject fully inside a square composition with generous margin; no scenery, pedestal, frame, text, logo or watermark; collectible design-object quality

02Methode · die Pipeline

ELF SCHRITTE VON DER STUDIE ZUM NETZ.

Jeder Schritt ist eine Funktion in tools/polygon-lab/facet.mjs. Die genannten Parameter sind die, mit denen die Sammlung tatsächlich geschmiedet ist.

  1. 01

    Die Studie wird gelesen

    sharp dekodiert das eingecheckte PNG und skaliert es auf 900 Einheiten Breite. Alle folgenden Schritte arbeiten in diesem Pixelraum, und er wird zur viewBox des SVG.

  2. 02

    Der Hintergrund wird geschnitten

    Eine Helligkeitsmaske behält jedes Pixel, dessen dunkelster Kanal unter der Decke liegt: standardmäßig 244 von 255, pro Exemplar im Manifest enger gezogen. Auf weißem Papier ohne Schlagschatten ist dieser eine Vergleich der ganze Schnitt.

  3. 03

    Die Maske wird geschlossen, dann geöffnet

    Dilatation, Erosion, Erosion, Dilatation mit einem Radius von einem Pixel. Das Schließen füllt zuerst die Pinholes, die eine komprimierte Studie hinterlässt; das Öffnen danach entfernt die Sprenkel. In umgekehrter Reihenfolge trägt die Erosion ein Bein ganz ab, bevor die Dilatation es zurückholen kann.

  4. 04

    Kleine Komponenten fallen weg

    Die Maske wird in zusammenhängende Regionen geflutet. Die größte bleibt, dazu jede Region mit mindestens vier Prozent ihrer Fläche. Ein versprengter Fleck und die Reste eines Schattens verschwinden hier.

  5. 05

    Die Kontur wird abgelaufen

    Jedes Maskenpixel mit einem Hintergrundnachbarn ist ein Randpixel. Diese werden auf einen Punkt alle paar Pixel ausgedünnt und kommen zuerst in die Punktmenge, damit die Silhouette von echten Eckpunkten geschnitten wird. Der Maskenrand wird zusätzlich mit voller Stärke in das Kantenfeld geschrieben, was weitere Punkte auf den Umriss zieht.

  6. 06

    Das Innere wird abgetastet

    Punkte fallen innerhalb der eigenen Bounding-Box der Maske, damit das Budget dort ausgegeben wird, wo das Exemplar steht. Ein Sobel-Kantenfeld entscheidet über jeden Kandidaten: eine flache Fläche hält einen Boden von 0,035, eine Wölbung hebt ihn Richtung Gewissheit. Pro Blue-Noise-Zelle wird ein Punkt zugelassen, und die Zelle wird an der Maskenfläche bemessen — cell = √(Maskenfläche / (Punkte · 1,15)) —, was das Verklumpen der Facetten verhindert. Der Sampler ist ein mulberry32-Generator mit dem Seed aus dem Manifest, also wiederholt sich die Ziehung exakt.

  7. 07

    Die Punkte werden trianguliert

    Eine Delaunay-Triangulation über die gesamte Menge, Kontur und Inneres zusammen, über Delaunator.

  8. 08

    Dreiecke außerhalb der Maske fallen weg

    Ein Dreieck, dessen Schwerpunkt auf dem Hintergrund landet, wird verworfen, ebenso jedes Dreieck unter einer Quadrateinheit Fläche. Was bleibt, deckt das Exemplar und endet an seiner Kante.

  9. 09

    Jede Facette nimmt eine Farbe an

    Vier Proben werden gemittelt: der Schwerpunkt und drei Punkte auf halbem Weg von dort zu den Ecken. Der Mittelwert landet auf den Farbfamilien, die für das Exemplar hinterlegt sind — vier der neun Logofarben auf einer Markttafel, alle neun auf dem Studiozeichen —, wobei der Farbton die Familie wählt und die Helligkeit eine von drei Lichtstufen: eine Abdunklung Richtung Schwarz, die Farbe selbst und eine Aufhellung Richtung Weiß. Eine Facette ohne Farbton landet auf Schwarz oder auf Papier. Die Schmiede rastet mit voller Stärke ein, also trägt jede Facette eines veröffentlichten Netzes einen dieser flachen Werte.

  10. 10

    Die Facetten werden entlang der Achse gereiht

    Die Kovarianz der Facettenschwerpunkte liefert die Hauptachse des Exemplars, und der Rang einer Facette ist ihre Projektion auf diese Achse, als --i ins Polygon geschrieben. Die Faltung läuft damit am Körper entlang, von der Nase zum Schwanz bei einem Vierbeiner und vom Schnabel zu den Füßen bei einem Schreitvogel, ohne eine von Hand gesetzte Achse, die mit der Grafik synchron gehalten werden müsste.

  11. 11

    Das SVG wird geschrieben

    Koordinaten runden auf ganze Einheiten, denn die viewBox ist 900 breit und ein Zehntel einer Einheit ist ein Bruchteil eines Pixels. Danach wird jeder Eckpunkt um 0,45 Einheiten vom Schwerpunkt seiner eigenen Facette weggeschoben, sodass Nachbarn überlappen und kein Haarstrich Papier dazwischen steht. Im Polygon stehen nur Rang und Füllung. Ein gröberer zweiter Durchlauf mit 26 Prozent des Budgets fasst gleichfarbige Facetten zu einem Pfad je Farbe zusammen; diese Datei laden die Rasterzellen und die 64-Pixel-Marken.

03Methode · vorher und nachher

DIE STUDIE UND DAS NETZ, DAS DARAUS WIRD.

Zuerst die eingecheckte Studie, dann das Netz, das die Schmiede daraus berechnet, mit den Parametern aus der Tabelle darunter. Jede Zahl hier wird aus den Dateien zurückgelesen.

Tafel 01Castor canadensis
Studie
North American beaver — Studie

Die eingecheckte Studie, auf 900 Pixel gebracht und als WEBP abgelegt.

Netz
North American beaver — Netz

Das fertige Netz: ein SVG aus flachen Dreiecken, jedes mit seinem Rang entlang der Achse.

North American beaver
Schmiede-Parameter
Punktbudget
470
Gesetzte Punkte
470
Seed
7
Maske
lum
Rechenbreite
900 px
Farbfamilien
teal · blue · purple · green
Facetten
842
Facetten der Rasterform
356
Farben
13
Größe des Netzes
61 KB
Größe der Studie
37 KB
Aufgenommen
2026-09-03
04Methode · was zuerst schiefging

ZWEI FEHLSCHLÄGE, UM DIE HERUM DIE PIPELINE GEBAUT IST.

Beide stehen im Richtungsmemo, und beide erklären, warum ein Schritt oben so aussieht, wie er aussieht.

  1. 01

    Ein schwerer Schatten hebelt den Schnitt aus

    Ein dunkler warmer Schatten trägt genug Sättigung, um als Teil des Motivs gelesen zu werden: der Schnitt läuft um ihn herum, und die Skulptur steht auf einem Block. Das Produktionsbriefing erlaubt deshalb nur einen hellen, zurückhaltenden Bodenschatten auf neutralem Weiß — oberhalb der Helligkeitsschwelle. Jedes Exemplar im Register wird mit derselben deterministischen Maske geschnitten.

  2. 02

    Ein am Rahmen bemessenes Raster verliert die Beine

    Die Blue-Noise-Zelle, die Punkte auseinanderhält, wurde zuerst am ganzen Rahmen bemessen. Ein Exemplar bedeckt etwa ein Drittel davon, also lässt ein rahmengroßes Raster innerhalb der Maske weniger freie Zellen übrig, als das Punktbudget verlangt: der Sampler verbraucht seine Versuche, während die dünnen Teile noch leer sind, und ein Bein ohne inneren Punkt hat kein Dreieck, dessen Schwerpunkt hineinfällt. Der erste Biber kam ohne Beine aus der Schmiede. Die Zelle an der eigenen Fläche der Maske zu bemessen und innerhalb ihrer Bounding-Box zu ziehen, hat beide Hälften geschlossen.

05Methode · Reproduzierbarkeit

NEU BERECHNET UND VERGLICHEN.

node tools/polygon-lab/forge.mjs --check

Die Schmiede mit --check baut jedes Exemplar aus seiner eingecheckten Studie neu und vergleicht das Ergebnis mit dem Register. Eine abweichende Facettenzahl, Dateigröße oder Farbanzahl wird als Drift gedruckt, und der Befehl endet mit einem Fehlercode. Derselbe Lauf misst jedes Netz an seinen Obergrenzen — Dateigröße, Facettenzahl, Größe der Studie — und verweigert den Durchlauf, sobald eine überschritten ist.

Das Aufnahmedatum kommt als Argument herein und wird nie von der Uhr gelesen, deshalb lässt ein Neubau einer unveränderten Studie ihr Datum stehen, und das Register sagt weiterhin die Wahrheit über das Alter der Sammlung.

06Methode · Lizenz

DIE NETZE STEHEN UNTER CC BY 4.0.

Jedes Netz dieser Sammlung erscheint unter der Lizenz Creative Commons Attribution 4.0 International. Nutzen, verändern und kommerziell veröffentlichen ist erlaubt; die eine Bedingung ist, dass die Namensnennung mit der Datei mitreist.

Zeile zur Namensnennung

Marketing MIX — field guide, plate 01, North American beaver. CC BY 4.0. https://mmix.biz/field-guide/plate-01-beaver/

Setzen Sie Tafelnummer, Namen und Adresse des Exemplars ein, das Sie verwenden.

Lizenztext öffnen

Nächster Schritt

SCHON SICHTBAR FÜR MENSCHEN UND MASCHINEN?

Preise: Audit ab 1.800 € · Betreuung ab 2.400 € pro Monat

Zwei Wege: ein 30-minütiges Gespräch, um die Aufgabe einzugrenzen, oder ein kostenloser Sichtbarkeits-Snapshot in den wichtigsten KI-Antwortsystemen.

Ziel nennen · wir bestätigen den sinnvollen nächsten Schritt

Oder direkt beim Studio melden
+1 613 867 7767info@mmix.biz