Inhalt

Brockmanns
Beethoven

Ziel hier ist es, ein paar Grundlagen in der Generierung von Grafik (mit Canvas bzw. P5.js) zu verinnerlichen und nebenbei etwas «Schönes» zu erstellen

Das Projekt wird fortlaufend aktualisiert.

001Inspiration

Inspiriert ist dieser erste Wurf durch Josef Müller-Brockmanns Beethoven-Plakat von 1955.

Müller-Brockmann wird hier wohl noch häufiger herhalten müssen, einerseites als Grundlage für grafische Arbeiten, aber auch als Stichwortgeber für theoretische Gedanken.

Der humanistische Anspruch spiegelt sich in seinen Arbeiten ebenso wieder, wie die Erkenntnis, dass Ästhetik auch mathematischen Gesetzmäßigkeiten folgt.

Josef Müller-Brockmann. beethoven poster(1955)

002Idee zur Animation

Nach einigem Probieren und Aufrischen meines 9. Klasse-Trigonometrie-Wissens habe ich entschieden, dass die Bögen als Rechtecke an einer Position außerhalb der Grafik starten und sich dann, in einer fließenden Bewegung, an ihre Zielposition im «Kreis» bewegen sollten.

Grundlage der Umsetzung ist dann, dass ich von der Länge der Bögen an der Zielposition als «Strecke» ausgehe und anhand einer fixen Auflösung Punkte auf dieser zeichne. Diese «Strecke» wird dann Anhand eines Animationsparameters verschoben.

Je nachdem, ob einer dieser Punkte an dem Mittelpunkt des Kreises vorbei ist oder nicht, werden die Koordination dieses Punktes entweder an ihrer Position belassen oder auf den Kreis «projiziert».

003Weitere Parameter

Auch ohne selbst Lineal und Zirkel anzulegen, lassen sich schnell ein paar Parameter zur Geometrie des Plakats finden.

So liegen Start und Ende der Bögen selbst auf einem Raster, welches den Kreis in 32 Segmente unterteilt – also 11.25°. Die «Dicke» der Bögen verdoppelt sich nach außen hin mit jedem Bogen.

Ich habe mich hier entschieden eine leichte Zufälligkeit in den Start- und End-Winkel einzubauen, um das Ganze ein wenig interessanter zu gestalten.

Da die Bögen auch links vom Mittelpunktes des Kreises aus «starten» können, wurde eine Extra-Drehung eingbaut, um dieses einfach abzubilden.

004Zwischenergebnis

Hier ist ein weiterer Zufallsparameter eingabaut, der die Startposition der Bögen verschiebt.

Es gäbe noch einige weitere Ideen. Trotzdem lege ich hier erstmal eine Pause ein und schaue, was sich mit ein paar Parametern aus diesem Teil generieren lässt.