PAGE online

Get Coding! Diese Ressourcen helfen beim Einstieg

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.

Das Interface des RITM Generators von Anatoli BabiiIn 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.

ein screenshot der coding train website

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!

Eine Wellengrafik aus dem RITM Generator von Anatoli Babii in Grüntönen
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.

Ein Screenshot der p5.js website

PDF-Download: PAGE 03.2023

Mental Health ++ Branding: Hotels & Lodges ++ Creative Coding mit p5.js ++ ENGLISH SPECIAL Khyati Trehan ++ Edi-torial Design: Kundenmagazine ++ Top 50: PAGE Ranking 2023 ++ Praxis: Weiterbildung & Coaching

9,90 €
AGB
Produkt: Download PAGE - Generative Gestaltung mit Processing und Co - kostenlos
Download PAGE - Generative Gestaltung mit Processing und Co - kostenlos
Tutorials: InDesign und basil.js, Leap Motion, Video Wall Website, Shader in Processing, Algorithmic Design

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Das könnte dich auch interessieren