Beispiele

Montage-Raster verschiedener Effekt-Varianten

Erstellt ein 3x3-Kontaktabzug aus einem einzelnen Eingabebild, indem verschiedene Effekte (Graustufen, Sepia, Invertieren usw.

Dimensionsbewusster Zuschnitt zur Quadratmitte

Erkennt automatisch die Bildabmessungen und führt einen zentrierten quadratischen Zuschnitt durch.

Gesichtserkennung → Verschleiern oder Vergrößern pro Gesicht (Rechteck / Kreis / Ring)

Erkennt Gesichter mit einem auf dem Gerät laufenden KI-Modell und verschleiert sie (Datenschutz) oder vergrößert sie (Lupe / Spotlight).

Gesichtserkennung → Seitengalerie (Gesichts-Thumbs + Pfeile + Beschriftung)

Erkennt jedes Gesicht, erweitert dann die Leinwand nach rechts und platziert pro Gesicht ein kreisrundes Thumbnail untereinander.

Gaußscher Weichzeichner (einstellbares Sigma)

Wendet einen Gaußschen Weichzeichner-Effekt auf ein Bild an, wobei ein anpassbarer Sigma-Parameter zur Steuerung der Unschärfeintensität verwendet wird.

Helligkeit erhöhen

Passt die Helligkeit eines Bildes um einen bestimmten Faktor an.

Mathematisch gesteuerte Animation — Farbton / Wirbel / Sättigung / Vignette per Trig

Rendert eine vollständige WebP/APNG-Animation, deren Farbton, Wirbel, Sättigung und Vignette pro Frame Funktionen von t ∈ [0, 1) sind.

Malerischer Look, der der Bildstruktur folgt — anisotropic Kuwahara

`img.

Autocrop — transparenten oder einfarbigen Rand wegschneiden

Findet das kleinste Rechteck, das den eigentlichen Bildinhalt noch enthält, und schneidet darauf zu.

3-D-Balkendiagramm mit gestaffelter Z-Achse

Treibt die `barchart3d`-Engine-Extension an.

5 Porträts entlang einer kubischen Bézier-Kurve platziert

Demonstriert die Platzierung mehrerer Bilder tangential ausgerichtet entlang einer kubischen Bézier-Kurve.

3 Porträts entlang einer kubischen Bézier-Kurve platziert, geschnitten

Eine fortgeschrittene Version der Bézier-Platzierungs-Demo, bei der jedes Bild in vertikale Streifen geschnitten und diese einzeln verzerrt werden.

Ein Bild entlang einer Kurve biegen — Bezier oder Acht

Das Porträt wird in einer langen Reihe wiederholt und entlang

Drei Unschärfe-Varianten — Gauß, anisotrop, Bewegung

Dasselbe Bild durch drei verschiedene Unschärfe-Kerne,

Farb-Match — ein Foto in der Stimmung eines anderen einfärben

Übernimmt die Farbstimmung eines Referenz-Fotos und legt sie auf Ihr Zielbild.

Vorher-Nachher-Vergleichspanel

Erstellt einen Vorher-Nachher-Vergleich zweier Bilder mit farblich gekennzeichneten Beschriftungsleisten und einer vertikalen Trennlinie.

Benutzerdefinierte Faltungskerne — Schärfen, Prägen, Kantenerkennung, Bewegungsunschärfe

Demonstriert die Leistungsfähigkeit benutzerdefinierter Faltungskerne durch eine nebeneinanderliegende Darstellung von Schärfungs-, Präge-,…

Crossfade — animierter Übergang A → B in N Schritten

Sanfter Übergang zwischen zwei Fotos, exportiert als animierte

3D-Würfel mit bildgestempelten Flächen und Wireframe-Overlay

Projiziert einen 3D-Würfel auf eine 2D-Leinwand, wobei ein Quellbild auf jede sichtbare Fläche mit realistischer Lambert-Schattierung und einem…

3D-Würfel — Verschiedene Bilder pro sichtbarer Fläche (Vorne, Rechts, Oben)

Eine Variation der 3D-Würfel-Demo, die drei verschiedene Eingabebilder auf die sichtbaren Flächen (vorne, rechts und oben) mappt.

Poster-Art-Look — flache Farbflächen mit knackigen Tinte-Konturen

Macht aus jedem Foto ein Graphic-Novel- / Siebdruck-Poster: Das Bild reduziert sich auf wenige flache Farbflächen, darüber zeichnen scharfe schwarze Konturen…

Bild-Degradations-Pipeline — Trainingsdaten für Restaurierungs-Modelle erzeugen

Das „High-Order Degradation Model" von Real-ESRGAN / GFPGAN: ein makelloses Bild nehmen und die Schäden synthetisieren, die echte Low-Quality-Fotos haben…

Delaunay-Splitter — Triangulation, jede Kachel leicht gedreht

Wählt die vier Bildecken plus `POINTS` zufällige innere Punkte,

Vier-Wege-Entrauschen — verrauscht / Median / Bilateral / NLM

Fügt der Eingabe synthetisches Rauschen hinzu, lässt dann

Rotierende Zylindertrommel mit Bildfeldern

Simuliert eine rotierende zylindrische Trommel mit mehreren Bildfeldern.

Typografie-Specs — Engine.useFont, mehrzeilig, Word-Wrap, textAlign

Hero-Komposition über einem beliebigen Foto: Titel + Untertitel +

Halbton-Raster — Zeitungs-Punkt-Muster

Rendert die Quelle durch ein rotiertes Punktraster im Stil alter

Halo + Schlagschatten-Workflow auf transparenter Silhouette

Setzt einen farbigen Halo und einen weichen Schlagschatten hinter

Hockney / Picasso Joiner — kubistische Foto-Collage

Zerlegt das Foto in N zufällige Rechtecke, dreht jedes ein paar Grad, legt einen Schatten drunter und komponiert das Ganze in ungefähr-aber-nicht-genau der…

Ölbild-Look mit Kuwahara — ein einziger Aufruf

`img.

3-D-Liniendiagramm mit extrudierten Ribbon-Bändern

Schwester zu demo_barchart3d: gleiche Eingabe-Form (categories × series), aber die Werte entlang X werden als Linie verbunden und jede Serie wird entlang Z zu…

Mandelbrot-Menge — interaktiver Zoom

Bellards QuickJS-Mandelbrot-Demo, von ANSI-Terminal-Blöcken auf einen echten ImageHandle portiert.

Matrix-Toolbox — Mat3-/Mat4-Speicherlayout, als Doku gezeichnet

Visuelle Referenz für die eingebaute `Matrix`-Toolbox.

EXIF + opticscript.* Metadaten als Bild-Overlay

Lädt ein Foto, liest alles aus, was Engine.

CSS-Farbnamen — NamedColor.tomato, fromName, closestName

Zeigt die drei Wege, wie die Engine CSS-Color-Module-Level-4- Farbnamen sichtbar macht: das globale `NamedColor.

Rausch-Explorer — gaussian / uniform / poisson, nebeneinander, live

Interaktiver Vergleich der drei Verteilungen der nativen addNoise-Op.

Ölbild / Impressionismus-Look — ohne Kuwahara-Filter

Nähert einen Mal-Look an, indem ausschließlich vorhandene Engine-Ops kombiniert werden — kein Kuwahara, kein neuronales Netz.

Phase 1 Atomic Ops — differenceMap + orientationField

Visualisiert die beiden Atomic Ops, die die Hertzmann-Painterly-

Bleistift-Skizze — weicher Graphit per Color-Dodge

`img.

Live-Konsole + Progress-Bars — Engine.log + Engine.progress

Log-Zeilen und Progress-Bars ans UI / die CLI streamen, **während

Iterative Mehrpass-Schärfung — jede Stufe sichtbar

Wendet 4 Schärf-+Weichzeichnen-Durchgänge mit pro Runde

Bild als Puzzle — Schnitte entlang Bezier-Kurven

Macht aus jedem Foto ein klassisches Puzzle-Layout.

QR-Code mit zentriertem Marken-Logo

QR-Codes tragen eingebaute Reed-Solomon-Fehlerkorrektur.

Hand-gezeichnetes Balkendiagramm über Foto (mlcrough + Bild)

Hand-gezeichnetes 3-D-Balkendiagramm über einem Foto-Hintergrund — die skizzige Optik, mit der trockene Zahlen plötzlich angeschaut werden.

Hand-gezeichnetes Tortendiagramm (mlcrough Renderer-API)

Treibt die `mlcrough`-Engine-Extension über Engine.

Hand-gezeichnetes 3-D-Tortendiagramm (mlcrough Renderer-API)

Treibt die `mlcrough`-Engine-Extension über Engine.

Schatten- / Lichter-Korrektur — Vorher-Nachher-Vergleich

Zeigt die Filter zur Schatten- und Lichter-Korrektur in einem dreiteiligen Vergleich — Original, Schattenaufhellung und kombinierte…

Splitter-Schnitte — Splitterglas-Effekt mit drei Reglern

Splitterglas-Effekt für jedes Foto: Das Skript zerschneidet das

Rundes Logo-Badge per SVG-Canvas

Komponiertes Logo, das Engine.

SVG-Canvas — Vektorzeichnen mit SVG-Ausgabe

Beispiel für Engine.

SVG laden, Effekte anwenden, als PNG speichern

Demonstriert den Import eines SVG-Strings, dessen Rasterung in hoher Auflösung und die Anwendung von Post-Processing-Effekten wie Unschärfe und Vignette.

Spirograph (Hypotrochoide) per SVG-Canvas

Parametrische Hypotrochoide als ein langer Polylinien-Pfad in einem SVG-Canvas gezeichnet, dann mit Neon-Glow-Stapel (vier zunehmend dünnere Striche mit…

Text-Overlay — Wasserzeichen, Tech-Zeile, Bildunterschrift

Setzt Wasserzeichen, EXIF-artige Metadaten, Zeitstempel und eine zentrierte Bildunterschrift in ein Foto — mit den zwei eingebetteten Engine-Fonts (Inter…

Web-fertiges Thumbnail-Set — ein Bild, drei responsive Größen

Erzeugt aus einer Quelle die drei responsiven Größen 320 / 640 / 1280 px als WebP — genau die Pipeline, die mlcgo.

Drei gleichzeitige Ausgaben: SW, Warm, Kühl

Demonstriert die Erzeugung mehrerer Ausgabebilder aus einem einzigen Eingabebild in einer Skriptausführung.

Foto in SVG-Vektorgrafik verwandeln

Verwandelt ein Foto automatisch in eine skalierbare SVG-Vektorgrafik — perfekt für Logos, Drucke oder beliebige Größen ohne Qualitätsverlust.

Künstlerische Effekte: Sepia + Vignette

Wendet eine Kombination aus Sepia-Farbton und Vignette an, um einen künstlerischen Vintage-Foto-Look zu erzeugen.

In Graustufen umwandeln

Einfache Umwandlung eines Farbbildes in Graustufen.

Alle Kanäle invertieren

Invertiert die Farben eines Bildes und erzeugt einen Negativ-Effekt.

Multi-Op-Pipeline: Farbbearbeitung, Schärfen, Skalieren

Demonstriert eine umfassende Bildverarbeitungspipeline, die Farbbearbeitung, Schärfen, Weichzeichnen und Skalieren in einer einzigen Kette kombiniert.

Skalieren auf 200×200 (bilinear)

Einfache bilineare Skalierung eines Bildes auf eine feste Auflösung von 200x200 Pixeln.

Weißen Hintergrund von Skizzen und Strichzeichnungen entfernen

Verwandelt das weiße (oder fast weiße) Papier rund um eine Zeichnung in Transparenz — in einem schnellen Durchgang.

Bilder in Perspektiv-Quads stempeln (stampAt)

Demonstriert den stampAt-Helfer, indem mehrere Kopien eines Bildes mittels 4-Punkt-Perspektiv-Quadrilateralen auf einen Hintergrund platziert werden, was…

KI-Entrauschung — Sensorrauschen entfernen via DRUNet

Entfernt Sensorrauschen aus Fotos ohne den typischen "weich-bügeligen" KI-Look — feine Texturen (Haare, Stoff, Laub) bleiben erhalten.

Tool-Plugin — komplette Face-Restoration-Pipeline (detect + align + restore + blend)

Repliziert die Q-engineering GFPGAN-ncnn-Pipeline mit den nativen OpticScript-Operationen für alles ausser den beiden ML-Schritten.

Tool-Plugin — Gesichtserkennung & Verpixelung (Pigo, pures Go)

Zeigt ein reines Go-Tool-Plugin auf Basis von Pigo (Pico-Kaskade).

Tool-Plugin-Demo — Rahmt das Eingabebild in einen farbigen Rahmen ein

Demonstriert ein Tool-Plugin mit einem einzelnen Eingang.

KI-gestützte Hintergrundentfernung — Motiv freistellen

Schneidet bei beliebigen Fotos den Hintergrund weg und lässt nur das Motiv stehen — Porträts, Produkte, Tiere.

Zylindrischer Halfpipe-Warp (inverse Projektion)

Erzeugt mathematisch ein Warp-Gitter, das eine inverse zylindrische Projektion simuliert.

Sanduhr-Effekt: Vertikal zentriertes Stauchen der Spalten

Erzeugt eine sanduhrförmige Verzerrung, indem die horizontalen Spalten zur Mitte hin gestaucht werden, während sie sich dem vertikalen Mittelpunkt des Bildes…

Animierte Montage — 4 Effekte fliegen rein

Ein Quellbild, vier Effekt-Varianten (Grayscale, Sepia, Blur, Threshold), jede fliegt aus einer eigenen Richtung in ihren 2×2-Quadranten.

Animations-Demo — 1-sekündiges Einblenden eines Bildes

Demonstriert die Erstellung einer einfachen Einblenden-Animation, indem die Helligkeit eines Quellbildes iterativ angepasst und die Einzelbilder zu einem…

Animations-Demo — Einblenden eines Overlay-Bildes über einem Hintergrund.

Demonstriert eine Zwei-Ebenen-Animation, bei der ein Overlay-Bild von links über ein Hintergrundbild in den Frame gleitet.