Generative Art & Creative Code

Vorbemerkung#

Mit dem Aufkommen der ersten Computer begannen sich die Leute auch mit der Frage zu beschäftigen, ob sich diese Technologie als künstlerisches Ausdrucksmittel oder zur Erzeugung von Kunst nutzen lässt. Das Thema wurde damals von der etablierten Kunstwelt nicht wirklich ernst genommen, was sich über die Jahre aber langsam geändert hat. Da es nicht wirklich Neues unter der Sonne gibt, haben sich natürlich schon vorher Künstler mit dem Thema Automatisierung in der Kunst beschäftigt, und die ganze Spielwiese der abstrakten Kunst ist so gesehen ein Vorläufer der ganzen Thematik.

Creative Coding ist ein entdeckungsbasierter Prozess, der aus Erforschung, Iteration und Reflexion besteht und bei dem Code als primäres Medium verwendet wird, um ein mediales Artefakt für einen künstlerischen Kontext zu entwickeln. - STIG MØLLER HANSEN

Es ist ein kreatives Spiel mit Daten, die eingegeben oder erzeugt, verarbeitet und auf vielfältige Weise ausgegeben werden können, wie meine kleine Mindmap hoffentlich anschaulich verdeutlicht:

Ich stehe in dem Thema gerade ganz am Anfang meiner Reise:

• Projektseite
• Portfolio
• Creative-Code Bibliothek | Anleitung

Bücher zum Thema aus meiner Bibliothek:

• Coded - Art Enters the Computer Age
• Lichtbild und Datenbild - Spuren konkreter Fotografie

Begriffe#

Für das Erstellen von Kunst mittels der Programmierung von Computern gibt es verschiede Begriffe mit ggfs. verschiedenen Schwerpunkten: Generative-Art  , Creative Coding  , Artificial intelligence Art  , …der Begriff Artistic-Code kam mir in den Sinn. Das Thema geistert jedenfalls schon lange um die Welt - im Grunde so lange es Elektronik  gibt - und sucht seit dem seine Position und Relevanz in der Kunstwelt. Es ist eng verknüpft mit dem Thema NTF …ja, und einige Computerspiele fallen für mich im Grunde auch darunter. Dann gibt es noch den Begriff Generative-Design - Die Grenzen zwischen Creative-Code und Generative-Design können schon mal verwischen, so wie die Begriffe Kunst  und Design  . Ein Ursprung findet sich auch in der konkreten Fotografie  .

Generative Art Pioniere#

• Vera Molnár  (wikipedia  )
• Lillian Schwartz  (wikipedia  )
• Georg Nees (wikipedia  , medium.com  , heikewerner.com  )
• Harold Cohen  (wikipedia  )
• Michael Noll 
• Jared Tarbell 
• Robert Irwin (wikipedia  )
• Josef Albers (optische Kunst) — Hat die “mechanische” Massenproduktion betont.
• Sol LeWitt (auf Anweisungen basierende Kunstwerke - Menschen werden zu Maschinen)
• Anni Albers (Jacquards Webstuhl mit Lochkarten, Bauhaus)
• Walter Giers: LICHT KLANG BEWEGUNG Elektr(on)ische Kunst
  • https://zkm.de/de/werk/kunst-aussage-kunst 
  • https://zkm.de/de/werk/grosse-schiebesymmetrie 
  • https://licht-klang-bewegung.de/walter-giers/ 
• Herbert W. Franke
  • Golem.de - aktuelle Ausstellung zeigt Werke, die mit dem Computer entstanden

Aktuelle Künstler#

• Anders Hoff 
• Joanie Lemercier 
• Manolo Gamboa Naon 
• Onformative 
• pablotheflamingo 
• Bjorn Calleja (alterhen.art  , instagram  )
• Burka Bayram (foundation  , instagram  )
• Cryptohamster
• Estelle Flores (tumblr  )
• Ivona Tau (home  )
• Kerim Safa
• Lulu XXX
• Marissa Noana
• Mumu_Thestan
• Pointline aka Iskra Velitschkova
• Ruben Fro
• Robness
• Satoshi Aizawa
• generative Fotografien
  • Karl Martin Holzhäuser 
  • Gottfried Jäger 
• Jerobeam Fenderson and Hansi3D, Oscilloscope Music & Visuals 

Weitere Künstler*innen#

• https://underdestruction.com  - Quasimondo / Mario Klingemann, Artist

• https://www.artsy.net/artist/goekhan-erdogan 

• https://ksawerykomputery.pl/works/symphony-in-acid 

• https://gordonbrander.com/pattern/generative-grammar/ 

• https://github.com/Vishvam10/Creative-Sketches/tree/master/Nature%20of%20Code 

• https://instagram.com/amacodingart 

• https://youtu.be/AvUz_set4Rc 

• https://instagram.com/patternseeing 

• https://youtu.be/I-EIVlHvHRM  - tolles Video über Refik Anadol

• https://instagram.com/decodingkunst 

• https://instagram.com/rtbyts 

• https://siddhartha.format.com/ 

• https://instagram.com/rwstruhl 

  • https://github.com/keisans 
  • https://openprocessing.org/user/306973?view=sketches 
  • https://foundation.app/@deckard 
  • https://www.hicetnunc.xyz/deckard 

• http://dborowik.com 

  • https://www.drawingmachine.com/about/ 

• https://www.instagram.com/radarboy3000/ 

• https://www.arts.ac.uk/study-at-ual/short-courses/stories/how-to-start-creative-coding 

• https://bountyscript.com/2021/10/28/best-programming-languages-for-creative-coding/ 

• https://www.behance.net/gallery/105775659/creative-coding-explorations 

• https://neoanalog.io 

Viele Indos rund ums Thema:

• http://michaelkipp.de/blog/creative-coding/ 
• http://michaelkipp.de/blog/ 

Werkzeuge#

• Touch Designer 
• Processing 
• Canvas Sketch  , p5js  , c2js  , …
• Blender  , Houdini  , …
• Tensorflow 
• openframeworks.cc 

AI und Machine Learning#

• Midjourney Ai 
• Craiyon 
• DiscoDiffusion 
• Stable Diffusion 
• Googles Parti 
• Googles KI Imagen 
• Dall-e-2/ 
• Tensorflow 
• galactica.org/explore/  – Galactica tut so als ob es wissenschaftliche Papiere schreibt.
• SciBERT  , BioLM  , Semantic Scholar  ,…

Druck und Ausgabetechnik#

• Diverse Roboter
  • Stiftplotter
    • HighEnd: axidraw 
    • LowCost BrachioGraph 
• Herkömmliche Drucker (Laser, Tinte, Offset,…)
• Monitor, Leinwand, Objekte aller Art…
  • Projektion, 2D oder 3D zB. in Nebel
• “Spezielle Installationen”
• Traditionelle Drucktechniken: Siebdruck  , Risographie 
• …

Weiterführende Links / Ressourcen#

• de.wikipedia.org/wiki/Generative_Kunst 
• en.wikipedia.org/wiki/Creative_coding 
• scilogs.spektrum.de/gehirn-und-ki/ 
• public class Graphic_Design implements Code { // Yes, but how? }: An investigation towards bespoke Creative Coding programming courses in graphic design education 
• …

Functional Reactive Programming#

• ReactiveX - the next level of building Javascript Apps 

• Building a game with ReactiveX 

• Introduction to functional Javascript 

• Glossary of Modern Javascript concepts Part 1  and Part 2 

• Functional Programming in Typescript 

• Fantasy Land : algebraic structures in Javascript 

• Understanding Functors and Monads in Javascript 

• ES7 features 

• sub.watchmecode.net - Video Tutorial 

Machine Learning#

• Deeplearning in Javascript 
• TensorFlow JS  and Hello TensorFlow 
• kNear: K-nearest-neighbour in Javascript 
• Webcam Image Detection with k-nearest-neighbour 
• Creating a self-learning Flappy Bird in Javascript 

Tutorials und Videos#

• Lian Li explains DeepLearn.JS 
• A short video introduction about Neural Networks 
• Deep Learning Simplified 
• Deep learning book 
• Lineare algebra und andere Mathe basics 
• https://gordonbrander.com/pattern/  viel Infos zum Thema
• https://www.youtube.com/c/TheCodingTrain 
• Creative Coding, Beat Rossmy and Albrecht Schmidt (pdf)
• https://interaktivegestaltung.net/creative-coding-2/  - Kurs
• Getting started with AWS 

Javascript - für Spiele#

• Lance Multiplayer Server  , github 
• QuadTree : large scale collision detection 
• Browser GamePad 
• Phaser 3 
• Phaser 3 examples 
• Game programming patterns 
• Using Custom Elements to build a DOM game 
• Javascript Game Techniques 
• Vector math for games 
• Matter - 2D physics 
• Move an object along a path 
• Boardgame.io - build a boardgame in Javascript 
• SVG.js - create SVG with JS 

Sound Synthesis#

• Web Speech API 
• Speech Synthesis 
• Sound Synthesis 

Node#

• Socket.io Multiplayer 

• Socket.io for React 

• Reading OSC messages in Node and sending them to the browser 

HTML - Canvas#

• Pixi.js - canvas rendering library 
• ThreeJS - 3D rendering 
• Isomer - isometric game library 
• Particle Engine 
• Create Art in P5.js 

Vue for Typescript#

• Introduction to Vue by CSS Tricks 
• Writing Vue Class Components with Typescript 
• Vue Typescript Single File Class Component 
• Vue Property Decorators 

Functional Reactive Programming#

• ReactiveX - the next level of building Javascript Apps 
• Building a game with ReactiveX 
• Introduction to functional Javascript 
• Glossary of Modern Javascript concepts Part 1  and Part 2 
• Functional Programming in Typescript 
• Fantasy Land : algebraic structures in Javascript 
• Understanding Functors and Monads in Javascript 
• ES7 features 
• sub.watchmecode.net - Video Tutorial 

Seltsames und interessantes#

• Warrior JS - train a javascript warrior in the terminal 
• Marko JS - a super fast reactive UI framework 
• Intersection Observer - execute code when elements scroll into view 
• 30 seconds of code: super handy JS code snippets 
• CSS modules 
• Parcel Module Bundler 
• Wit.ai - interpret intent from text 
• Javascript Emotion Recognition from webcam 
• Explorable Explanations