Wie man Processing nutzt, um interaktive Kunst zu machen

Verarbeitung ist eine Computersprache von bildenden Künstlern verwendet, um generative und interaktive Kunst zu machen. Neben der Erstellung von Grafiken auf dem Bildschirm wird die Sprache auch verwendet, um alle Arten von interaktiven Skulpturen und physischen Künsten zu erstellen. Zunächst ist es schwer zu verstehen, wofür es gedacht ist, aber es genügt zu sagen, dass die Kunstwelt Processing als ihre bevorzugte Programmiersprache angenommen hat.

In diesem Artikel sehen wir, wie die Band The Sinatra Test für ihr kommendes Album ein Cover erstellt hat, das über eine mit der Musik verteilte Mac-App für jeden Benutzer eine einzigartige Version erstellt.

Albumcover-Generator

Für ihr kommendes Album „ambientertainment“ wollten The Sinatra Test ein Cover-Design haben, das die generierte Natur der Musik auf dem Album widerspiegelt. Processing bot dafür eine einfache und leicht zu erlernende Methode.

Der Code für das Albumcover ist zum Zeitpunkt des Schreibens noch nicht ganz fertig, aber sie waren zufrieden genug mit dem Ausgabe, damit wir uns die bisherigen Ergebnisse ansehen und den Code für diese frühe Version veröffentlichen können, damit die Leute es ausprobieren können sich.

Der Code ist sehr kurz und einfach, aber er erfüllt seinen Zweck. In dieser aktuellen Version auf dem Mac erstellt das Ausführen des Builds der App eine Variation des Designs und speichert sie am selben Ort wie die App.

Um Processing zu installieren, gehen Sie zu Seite herunterladen auf der Website und klicken Sie auf den Link für Ihre Plattform. Entpacken Sie nach dem Herunterladen die ZIP-Datei und ziehen Sie die Anwendung in Ihren Anwendungsordner.

Machen Sie daraus ein PDF

Der erste Schritt besteht darin, die PDF-Erstellungsbibliothek zu laden:

Importabwicklung.pdf.*;

Dann legen wir die Größe der Ausgabe auf dem Bildschirm fest, in diesem Fall 500 Pixel im Quadrat:

Größe(500, 500);

Offensichtlich handelt es sich bei der Ausgabe um eine PDF-Vektorgrafik, die ohne Beeinträchtigung oder zackige Linien auf jede beliebige Größe skaliert werden kann.

Als nächstes müssen wir einen Dateinamen für das resultierende PDF definieren und mit der Aufzeichnung der Grafiken beginnen, während sie für die Speicherung im endgültigen Bild erstellt werden:

beginnRecord(PDF, "cover.pdf");

Die Farben des Bildes werden dann definiert. Der Hintergrund ist schwarz:

Hintergrund(0);

Im Zweifelsfall randomisieren

Um die Farben der Stränge zu erstellen, wurde entschieden, dass sie hauptsächlich grün sein sollten, aber mit Variationen. Die Strategie bestand darin, dass das RGB der Farben randomisiert wird, aber das grüne Element immer höher als das rote oder blaue Element sein kann. Grün kann bis zu 256 gehen, aber die anderen beiden Kanäle sind auf 100 begrenzt.

Wir definieren also die Floating-Variablen rot, grün und blau mit den folgenden Werten:

schweben rot = zufällig(100); schweben grün = zufällig(255); schweben blau = zufällig(100);

Dadurch entsteht jedes Mal eine neue Farbgebung, jedes Mal grün, aber mit unterschiedlichen Rot-, Grün- und Blaugraden, um den Farbton anzupassen. Es gibt immer mehr Grün als Rot oder Blau.

Haare, Blätter oder Schnittlauch? Wer weiß!

Jetzt der Code zum Zeichnen der Stränge. Die Linienstärke jedes Strangs ist zufällig, und die horizontale Position der Ober- und Unterseite der Stränge wird innerhalb bestimmter Parameter ebenfalls zufällig variiert. Die Strähnen sind zu 60% durchscheinend, was zu einem angenehmen haarähnlichen Strähneneffekt führt:

Pro(int ich = 0; ich <500; ich++){ float r = zufällig(10); HubGewicht(R); Schlaganfall(rot, Grün blau, 60); Float-Offset = r *5.0; Linie(ich-20, 500, i+versatz, 0); }

Jetzt etwas Text

Als nächstes muss die Schriftart erstellt werden. Für die Verwendung in der Verarbeitung müssen Schriftarten in ein .vlw-Format konvertiert werden. Dies erfolgt über ein Gesicht im Schriftartenverzeichnis auf dem Hostsystem.

Notiz: Dies ist ein Bereich, an dem die Band noch arbeitet. Bei Web-Apps kann die konvertierte Schriftart auf dem Server gespeichert werden und wird niemals auf dem System des Benutzers installiert.

PFont-Schriftart; font = createFont("CooperBlackMS",24); Schriftart(Schriftart);

Sobald die Schriftart erstellt ist, wird der Text in das Bild geschrieben, der Name der Band oben links und der Name des Albums unten rechts:

Text ("der sinatra-test", 10, 20); Text ("Ambiente", 250, 490);

Anscheinend brauchte es viel Versuch und Irrtum, um den Text richtig zu positionieren, und die scheinbar willkürlichen Koordinaten sind diejenigen, die auf dem Bildschirm am besten aussahen.

Wickeln Sie es

Dann wird die PDF-Aufzeichnung beendet, das Programm effektiv gestoppt und das fertige Bild mit dem oben definierten Dateinamen auf die Festplatte geschrieben:

endRecord();

Schließlich gibt das Programm eine Nachricht an die Konsole aus, um anzuzeigen, dass es fertig ist:

drucken("Es getan! Neues Album erstellt");

Verfeinerungen

Die endgültige Version der App wird einige Verfeinerungen aufweisen, wie z. B. eine eingebettete Schriftart und eine etwas interaktivere Benutzeroberfläche, die es dem Benutzer möglicherweise ermöglicht, einige Parameter voreinzustellen.

Außerdem schreibt das Processing-Programm auf dem Mac standardmäßig Java zum Erstellen von Apps, wofür es verwendet wurde in diesem Fall, aber Sie können andere Modi wie Coffeescript, Javascript und Python hinzufügen, wenn Sie dies wünschen Verlangen. Untersucht wird auch eine für Javascript kodierte Version der Software, die das Albumcover über eine Webseite erstellt und auf den Computer des Nutzers herunterlädt.

Die Generierung von Kunst mit Software ist ein wachsender Trend in der modernen Kunst. Hast du Erfahrung mit Processing oder generativer Kunst? Teilen Sie uns Ihre Gedanken in den Kommentaren unten mit.