Neue P5.js-Tutorials
Mir schwirren momentan zu viele Ideen durch den Kopf, was ich nach der Fertigstellung meiner kleinen Twine-Geschichte über die Hexe, die Kürbisse auf einem Friedhof vor einem wahnsinnigen Prister retten muß, alles anstellen kann. Ich könnte zum Beispiel mal was mit Context Free Art, Structure Synth, zusammen mit PoVRay, dem Persistence of Vision Ray-Tracer, anstellen, und mein Projekt »Zurück zu den Wurzeln (Teil 2, Teil 3 und Teil 4, Addendum) – Webseiten basteln ohne Sinn und Verstand«, liegt auch schon viel zu lange auf Eis.
Zum letztgenannten paßt auch mein immer wieder verschobenes Vorhaben, endlich mal »richtig« P5.js zu lernen, denn auch damit kann man Webseiten aufpeppen, ohne gleich einen Server bemühen zu müssen. Da kam es mir gerade recht, daß aktuell gerade ein paar neue Playlists in meinem Feedreader auftauchten, die sich mit dieser JavaScript-Variante von Processing beschäftigen:
Da ist einmal die Playlist mit dem simplen Namen P5.js von Sydney Parks. Sie besteht aus 17 Videos, die in recht ausführlichen Tutorials die Grundlagen von P5.js erklären. Für meine Ideen besonders interessant ist das neunte Video aus der Reihe, das zeigt, wie man den generierten Canvas als hochaufgelöstes Bild abspeichern kann. Die Playlist ist recht aktuell, das letzte Update erfolgte vor einem Monat.
Brandneu ist die Playlist »How to Code Generative Art using P5.js« von Steve’s Makerspace. Steve ist ja ein noch größeres Spielkalb als ich und das, was bisher in dieser Playlist erschienen ist, führt nicht nur Anfäger in die Programmierung generativer Kunst mit P5.js ein. Die letzte Aktualisierung ist von heute und die Reihe wird mit Sicherheit noch fortgesetzt.
Ein wahrer Goldschatz für beginnende, aber auch fortgeschrittene kreative Programmierer sind die Playlists von Patt Vira: Ihre Hauptliste heißt »P5.js Coding Tutorials«, sie besteht aus aktuell 40 Videos und das letzte Update ist ebenfalls heute erfolgt. Mit weiteren Filmchen ist daher sicher noch zu rechnen.
Ein Sideprojekt scheint die Liste »Perlin Noise« zu sein. Sie besteht aus vier Videos, mit einigen Überschneidungen zur oben erwähnten Liste »P5.js Coding Tutorials«.
Ein weiteres, hochinteressantes Nebenprojekt von Patt Vira ist die Liste »Coding Math« mit sechs Videos. Hier gibt es eine Überschneidung mit »Perlin Noise« (siehe oben). Die letzte Aktualisierung erschien vor sieben Tagen, ich hoffe auf Fortsetzungen.
Abgeschlossen scheint hingegen Patt Viras Liste »Creative Coding for Beginners« zu sein. Sie besteht aus siebzehn Videos, die die Basics von P5.js vermitteln wollen. Auch wenn die Reihe vermutlich abgeschlossen ist, sie ist brandaktuell, die letzten Videos wurden erst vor drei Monaten hochgeladen.
War sonst noch was? Ach ja, da gibt es ja auch noch Tutorials, die nicht Teil einer Playlist sind. Zum Beispiel das Video »Bubble Effect« von MrRoboman. Und zu Context Free Art, Structure Synth und PoVRay wird es in den nächsten Tagen ebenfalls noch einen Beitrag auf diesen Seiten geben. Still digging!
Bild: Alice and the Balloons, erstellt mit DreamStudio, Prompt: »Alice, blue eyes, long blonde hair with pigtails, blue coat, white apron, full body, looks at a beautiful landscape with trees looking like colorful balloons«, Negative Prompt: »additional hands, additional arms, additional legs«, Model: stable-diffusion-xl-1024-v1-0, Style: Comic Book.