In PAGE 03.22 erklärt der ukrainische Art Director und Creative Coder Anatolii Babii, welche Tools, Communities und Tutorials für Anfänger:innen geeignet sind.
In den Händen von Designer:innen schafft Code die spannendsten visuellen Effekte, lässt Daten sichtbar und interaktiv werden oder generiert ungeahnte Artworks. Anatolii Babii brachte sich das Coden selbst bei – mit Hilfe der Coding Community und diversen Open Source Tools und Tutorials.
In der Case Study »Wellen Machen« in PAGE 03.23 erklärt Babii Schritt für Schritt, wie er seinen RITM Wellen-Animationsgenerator konzipierte, programmierte und veröffentlichte.
Coding Tutorials
Videotutorials sind eine großartige Einstiegsmöglichkeit für Coding-Interessierte. Allerdings sind nur wenige davon speziell für Designer:innen konzipiert. Babii empfiehlt wärmstens The Coding Train von Programmierer Daniel Shiffman. Darin erklärt der charismatische Host in kurzen Videos (10 bis 30 Minuten) nicht nur, welche Programmiersprachen für Designer:innen sinnvoll sind, sondern führt auch kleinschrittig durch praktische Editoren, Beispiele und beantwortet häufig gestellte Fragen.
Außerdem hat sich um den Programmierer eine Community gebildet, die sich auf Github und Discord rege austauscht und bei Problemen weiterhilft. Für den Einstieg empfehlen wir einen Blick auf die Coding Train Website und in die Playlist »Start learning here«auf Youtube.
Be Part of the Community
Daniel Shiffman ist nicht der einzige Coding-Profi, der seine Erfahrung zur Verfügung stellt. Die Coding-Community ist von einem Open-Source Gedanken geprägt und teilt rege Codebeispiele, Cases, Fragen und Antworten auf Github, Discord und diversen Sites.
Allen voran ist für Creative Coding die Processing Foundation und Openprocessing Community eine wichtige Anlaufstelle. Hier teilen Designer:innen Arbeiten und stellen den gesamten Code öffentlich zur Verfügung. Copy, Paste, Anpassen und los gehts – nur den Credit nicht vergessen!
Auch Anatolii Babiis RITM Generator hat einen Ursprung in einem Open Source Kunstwerk. Das Original stammt von dem Code-Künstler Takawo, den Babii bei jeder Veröffentlichung erwähnt.
Die Sprache kennen: p5*JS Library
Ebenfalls Teil der Processing Foundation und Basis von Anatolii Babies Projekten ist die Open Source p5*js Library – eine Java Script basierte Bibliothek an Funktionen, die im Creative Coding häufig verwendet werden. Komplett mit Code Snippets zum kopieren, Beispielen und ersten Einsteiger:innen-Tutorials.
Zudem bietet p5*js einen eigenen Webeditor mit Autovervollständigung und detaillierten Fehleranalysen, die bereits Lösungsvorschläge mitliefern. So kann man sich zu Beginn darauf fokussieren, den Code zu verstehen und muss sich nicht lange mit der Suche nach Tippfehlern herumschlagen.
Download PAGE EXTRA 04.2024: Ausbildung, Weiterbildung, Studium
Interdisziplinär & spezialisiert: In dem kostenlosen Booklet informieren (Fach-) Hochschulen, Akademien und Seminaranbieter über ihr aktuelles Programm zu Studiengängen, Aus- und Weiterbildungen in Design, Werbung und Medien.
In den Händen von Designer:innen schafft Code die spannendsten visuellen Effekte, lässt Daten sichtbar und interaktiv werden oder generiert ungeahnte Artworks. Anatolii Babii brachte sich das Coden selbst bei – mit Hilfe der Coding Community und diversen Open Source Tools und Tutorials.
