Nachdem ich in der Vergangenheit immer wieder Weiterentwicklungen der Idee vorgestellt habe, Graphiken mit dem Computer so zu ezeugen dass sie eine gewisse "handgemachte" Anmutung haben, habe ich nunmehr die durchschlagende Idee gehabt:

Ich habe angefangen, über dieses Thame nachzudenken als ich Rough.js kennenlernte. Aus Neugier wollte ich so etwas für Java schaffen und als Ziel setzte ich mir damals, PlantUML-Diagramme damit stylen zu können.

PlantUML bietet zwar ebenfalls diese Möglichkeit, aber meiner Ansicht nach lässt das Ergebnis stark zu wünschen übrig.

Zunächst versuchte ich, aus Java heraus solche Graphiken in diesem Skizzenmodus zu erstellen. Java enthält als ein zentrales Konzept einen Graphik-Kontext, der verschiedene Funktionen bereitstellt, die letztlich Operationen mit zugeordneten Koordinaten ausführen Zur Umsetzung des Skizzenmodus erstellte ich einen Wrapper für normale Graphics2D-Instanzen und transformierte die in die jeweiligen Methoden eingegebenen Koordinaten und/oder Operationen bevor ich sie an die eigentliche Graphics2D-Instanz weitergab.

Damit konnte ich aus der Anwendung heraus genau das Ziel ereichen, welches ich im Auge hatte.

Aber das Ziel PlantUML schien immer noch in weiter Ferne - PlantUML bietet zwar einen Server an, zu dem man beiliebige Diagramme hochladen kann und der wie gewünscht PNG oder SVG Bilder als Ergebnisse zurückliefert, allerdings kann man dort keine nutzerdefinierten Renderer konfigurieren - jedenfalls habe ich keine solche Option finden können.

Dann hatte ich aber neulich die zündende Idee: Bisher hatte ich ja bereits einen Wrapper, der Zeichenbefehle umwandelte. Was ich auch schon wusste war, dass ich diesen Wrapper auch dafür benutzen konnte, eine alternative Implementierung eines Graphigs2D zu kapseln - damit wurde dann die resultierende Graphik nicht auf dem Bildschirm erzeugt, sondern in eine SVG-Datei geschrieben. Nun fehlte nur noch ein Baustein: Wenn ich statt elementarer Graphikoperationen eine komplexe Figur - zum Beispiel eine SVG-Graphik auf eine Graphics2D-Instanz zeichnen könnte, so würde diese durch SVGGraphics2D in elementare Operationen zerlegt, die durch meinen Wrapper wiederum dieses gewisse handgemachte Etwas verliehen bekämen und anschließend durch SVGGraphics2D als SVG-Graphik exportiert würden.

Damit würde ich also eine Komponente schaffen, die beliebigen SVG-Graphiken den angestrebten "handgemachten" Look verpassen würden. Ich habe es getan - und es funktioniert!

Ich habe dafür hier zwei Beispiele angefügt: eines zeigt die Wirkung der beschriebenen Transformationen auf ein BPMN-Diagramm - die Definition des Modells lässt sich hier finden:

Darstellung eines BPMN-Diagramms als SVG Graphik

Darstellung eines BPMN-Diagramms als SVG Graphik im "handgemachten" Look

Als ein weiteres Beispiel soll hier ein mittels PlantUML gestaltetes Klassendiagramm dienen:

Darstellung eines Klassendiagramms als SVG Graphik

Darstellung eines Klassendiagramms als SVG Graphik im "handgemachten" Look

Artikel, die hierher verlinken