Generative Art & Creative Code

Vorbemerkung

Mit dem Auf­kom­men der ers­ten Com­pu­ter began­nen sich die Leu­te auch mit der Fra­ge zu beschäf­ti­gen, ob sich die­se Tech­no­lo­gie als künst­le­ri­sches Aus­drucks­mit­tel, oder zur Erzeu­gung von Kunst nut­zen lässt. Das The­ma wur­de damals von der eta­blier­ten Kunst­welt nicht wirk­lich ernst genom­men, was sich über die Jah­re aber lang­sam geän­dert hat. Da es nicht wirk­lich Neu­es unter der Son­ne gibt, haben sich natür­lich schon vor­her Künst­ler mit dem The­ma Auto­ma­ti­sie­rung in der Kunst beschäf­tigt, und die gan­ze Spiel­wie­se der abs­trak­ten Kunst ist so gese­hen ein Vor­läu­fer der gan­zen Thematik. 

Ich ste­he in dem The­ma gera­de ganz am Anfang mei­ner Reise: 

• Pro­jekt­sei­te
• Tech­ni­sche Dokumentation
• Art­works

Generative Art Pioniere 

• Vera Molnár (wiki­pe­dia)
• Lil­li­an Schwartz (wiki­pe­dia)
• Georg Nees (wiki­pe­dia, medium.com, heikewerner.com)
• Harold Cohen (wiki­pe­dia)
• Micha­el Noll
• Jared Tar­bell
• Robert Irwin (wiki­pe­dia)
• Wal­ter Giers — Elektr(on)ische Kunst
• Her­bert W. Franke
• Josef Albers (opti­sche Kunst) — Hat die “mecha­ni­sche” Mas­sen­pro­duk­ti­on betont.
• Sol LeWitt (auf Anwei­sun­gen basie­ren­de Kunst­wer­ke — Men­schen wer­den zu Maschinen)
• Anni Albers (Jac­quards Web­stuhl mit Loch­kar­ten, Bauhaus)

Aktuelle Künstler

• Anders Hoff
• Joanie Lemer­cier
• Mano­lo Gam­boa Naon
• Onfor­ma­ti­ve
• pablot­he­fla­min­go
• …

Druck und Ausgabetechnik

• Diver­se Roboter 
  • Stift­plot­ter
    • Hig­hEnd: axid­raw
    • Low­Cost Bra­chio­Graph
• Her­kömm­li­che Dru­cker (Laser, Tin­te, Offset,…)
• Moni­tor, Lein­wand, Objek­te aller Art… 
  • Pro­jek­ti­on, 2D oder 3D zB. in Nebel
• “Spe­zi­el­le Installationen”
• Tra­di­tio­nel­le Druck­tech­ni­ken: Sieb­druck, Riso­gra­phie
• …

Weiterführende Links / Ressourcen

• de.wikipedia.org/wiki/Generative_Kunst
• en.wikipedia.org/wiki/Creative_coding
• scilogs.spektrum.de/gehirn-und-ki/
• …

Functional Reactive Programming

• Reac­tiv­eX — the next level of buil­ding Java­script Apps
• Buil­ding a game with ReactiveX
• Intro­duc­tion to func­tion­al Javascript
• Glos­sa­ry of Modern Java­script con­cepts Part 1 and Part 2
• Func­tion­al Pro­gramming in Typescript
• Fan­ta­sy Land : alge­braic struc­tures in Javascript
• Under­stan­ding Func­tors and Mon­ads in Javascript
• ES7 fea­tures
• sub.watchmecode.net — Video Tutorial

Machine Learning

• Deep­lear­ning in Javascript
• Ten­sor­Flow JS and Hel­lo TensorFlow
• kNe­ar: K‑nea­rest-neigh­bour in Javascript
• Web­cam Image Detec­tion with k‑nea­rest-neigh­bour
• Crea­ting a self-lear­ning Flap­py Bird in Javascript

Tutorials und Videos

• Lian Li explains DeepLearn.JS
• A short video intro­duc­tion about Neu­ral Networks
• Deep Lear­ning Simplified
• Deep lear­ning book
• Line­ar alge­bra and other math basics
• Get­ting star­ted with AWS

Javascript — für Spiele

• Lan­ce Mul­ti­play­er Server
• QuadT­ree : lar­ge sca­le col­li­si­on detection
• Brow­ser GamePad
• Pha­ser 3
• Pha­ser 3 examples
• Game pro­gramming patterns
• Using Cus­tom Ele­ments to build a DOM game
• Java­script Game Techniques
• Vec­tor math for games
• Mat­ter — 2D physics
• Move an object along a path
• Boardgame.io — build a board­ga­me in Javascript
• SVG.js — crea­te SVG with JS

Sound Synthesis

• Web Speech API
• Speech Syn­the­sis
• Sound Syn­the­sis

Node

• Socket.io Mul­ti­play­er
• Socket.io for React
• Rea­ding OSC mes­sa­ges in Node and sen­ding them to the browser

HTML — Canvas

• Pixi.js — can­vas ren­de­ring library
• Three­JS — 3D rendering
• Iso­mer — iso­me­tric game library
• Par­tic­le Engine
• Crea­te Art in P5.js

Vue for Typescript

• Intro­duc­tion to Vue by CSS Tricks
• Wri­ting Vue Class Com­pon­ents with Typescript
• Vue Type­script Sin­gle File Class Component
• Vue Pro­per­ty Decorators

Seltsames und interessantes

• War­ri­or JS — train a java­script war­ri­or in the terminal
• Mar­ko JS — a super fast reac­ti­ve UI framework
• Inter­sec­tion Obser­ver — exe­cu­te code when ele­ments scroll into view
• 30 seconds of code: super han­dy JS code snippets
• CSS modu­les
• Par­cel Modu­le Bundler
• Wit.ai — inter­pret intent from text
• Java­script Emo­ti­on Reco­gni­ti­on from webcam
• Explo­rable Explanations