01 gx d - generative design et creative coding

e-art sup | 3A & 3BDesign Génératif - 2016/2017

Alexandre [email protected]

ixd.education

Design Génératif & Creative Coding

mailto:[email protected]


http://ixd.education




ixd.education

1. Le Design Génératif et le Creative Coding.a. Une définition du Creative Codingb. Une définition du Design Génératifc. L’Art Numérique, berceau du design génératif et du creative codingd. Un écosystème richee. Le processus Génératiff. Quelques applications dans la communicationg. «Mais dans quel traknar je me suis encore fourré?»

2. Bibliographie et références

Design Génératif & Creative Coding







ixd.education

Le Creative Coding est une approche de la programmation où l’objectif est d’obtenir une réalisation expressive à l’inverse d’une réalisation fonctionnelle. Là où la programmation dite «logiciel» à pour objectif de résoudre une problème, le

creative coding se focalise davantage sur l’aspect créatif, interactif et visuel du programme.

Une définition du Creative Coding







ixd.education

Le Design Génératif est un approche du design par le code dont l’objectif est de dessiner des formes statiques ou en mouvements à partir d’un lot de règles

définies par le designer.

Une définition du Design Génératif







ixd.education

1953, Oscillon

En 1953 Benjamin Francis Laposky (1914-2000) présente sa série Oscillon. La série d’images est générés grâce à la manipulation d’oscilloscopes.

L’Art Numérique, berceau du design génératif et du creative coding







ixd.education

1959, Meta-Matic

Les machines à dessiner (les premières datent de 1955) sont réellement mises au point par Jean Tinguely (1925-1991) en 1959 et développées dans une série de près de vingt « Méta-Matics » jusqu’en 1960. Elles connaissent un franc succès dès la Biennale de Paris de 1959, apparaissant comme les premières pièces de Tinguely à alimenter le débat sur l’art contemporain. L’utilisateur fixe à l’extrémité d’une tige entraînée par des roues motrices un morceau de craie, un crayon, un stylo à bille ou encore un feutre, qui couvre de traits et de griffonnages le papier posé sur le support prévu à cet effet. Quelques instants plus tard apparaît un dessin dont les motifs se répètent à l’infini. Par ses machines à dessiner, Tinguely veut prouver qu’une œuvre d’art, loin d’être une création définie, achevée, peut engendrer sa propre vie et produire elle-même de l’art.








ixd.education

1970-1990, «Videoplace»

Dans le milieu des années 70, l’artiste Myron Krueger (1942) met en place le laboratoire Videoplace dont l’objectif est de réfléchir à la mise en de place de réalités artificiels entourant l’utilisateur et répondant à ses mouvements.

L’artiste va réaliser diverses itérations de Vidéoplace interrogeant la relation entre le corps et l’espace virtuel.

1. Videoplace 1972-19902. Videoplace 19893. Videoplace 1985






https://en.wikipedia.org/wiki/Myron_W._Krueger

https://www.youtube.com/watch?v=dmmxVA5xhuo


https://www.youtube.com/watch?v=dqZyZrN3Pl0

https://www.youtube.com/watch?v=dqZyZrN3Pl0

https://www.youtube.com/watch?v=d4DUIeXSEpk

https://www.youtube.com/watch?v=d4DUIeXSEpk




ixd.education

1973-1974, «Cubic Limit»

Entre 1973-74 l'artiste Manfred Mohr (1938) réalise une série de pièces basées sur un système de lignes permettant de produire la perception d’un cube dans l’espace. Mohr explore à travers des systèmes génératifs un langage graphique interrogeant la structure de la forme.






https://vimeo.com/67598990



ixd.education

1989, «The Legible City»

En 1989, l’artiste australien Jeffrey Shaw (1944) présente sa pièce «The Legible City» à Artec à Nagoya (Japon).Dans cette pièce l’artiste interroge la relation entre le mouvement réel et le monde virtuel en invitant l’utilisateur à parcourir une ville virtuelle à l’aide d’un vélo. Ainsi en pédalant et en dirigeant son guidon, le visiteur pourra déambuler dans les rue d’un Manhattan typographique.






https://fr.wikipedia.org/wiki/Jeffrey_Shaw_%28artiste%29

https://www.youtube.com/watch?v=61l7Y4MS4aU



ixd.education

1990, «Les Pissenlits»

En 1990, les artistes Edmond Couchot (1932) et Michel Bret (1941) réalisent en collaboration avec Marie-Hélène Tramus la pièce «Je sème à tout vent» qui sera renommée «Les Pissenlits» en 2005.Dans cette pièce le spectateur se retrouve face à un mur de pissenlits réagissant au vent présent dans la pièce. Le spectateur est invité à souffler sur un capteur afin de libérer les ombelles de la plante.






https://fr.wikipedia.org/wiki/Edmond_Couchot

https://fr.wikipedia.org/wiki/Michel_Bret


http://www.lecube.com/fr/marie-helene-tramus_337


http://www.lecube.com/fr/marie-helene-tramus_337

https://www.youtube.com/watch?v=Do9Fdy9uM_I



ixd.education

1992, «Interactive Plant Growing»

En 1992, les artistes Christa Sommerer et Laurent Mignonneau présentent «Interactive Plant Growing».Dans cette pièce les artistes proposent au visiteur d’intervenir sur la manière dont un monde virtuel se développe. En touchant des plantes physiquement présentes face à lui, le visiteur pourra alors créer des plantes virtuelles face à lui.






https://fr.wikipedia.org/wiki/Christa_Sommerer_et_Laurent_Mignonneau




https://www.youtube.com/watch?v=JXX7JNFD2X8



ixd.education

2003, «Hektor»

En 2002 les artistes Jürg Lehni et Uli Franke présente leur première machine à dessiner : Hektor.









ixd.education

2004-10, «Process Compendium»

Process Compendium est un ouvrage présentant le travail d’exploration graphique réalisé par l’artiste Casey Reas (1972) entre 2004 et 2010. L’artiste y décrit l’ensemble des ses système et algorithme ainsi que son travail artistique.









ixd.education

Un ecosystem riche...

JavaScript Java C++

P5.JS

Processing OpenFrameworks

Python

three.js

Nodal

VVVV

MAX/MSP

Pure Data

Cinder

Super ColliderQuartz Composer

Node Box

Processing.py

Arduino

Raspberry PI

Poly CodePaper.js

D3.js

Raphael.js

Touch Designer

Quelques outils de l'écosystème du creative coding







ixd.education

Le processus génératif

Idée CroquisDesign

N

Processus graphique

Design N+1

Design N+2

Idée Règles (algorithme)

Processus génératif

Code Source(Variables)

Design N

Design N+1

Design N+2







ixd.education

2007, «Beauty of Movement»

Universal Everything réalise en 2007 pour Audi un film reveal autour de son modèle TT.

Studio : Universal EverythingDeveloppeur : Karsten Schmidt

Quelques applications dans la communication








ixd.education

2007, Casa Da Musica

Identité générative réalisée par le Studio Sagmeister & Walsh

Studio : Sagmeister & WalshDesigners : Matthias Ernstberger, Ralph Ammer & Quentin Walesch









ixd.education

2012, Nike Fuel Station

En 2012, le studio onFormative réalise une expérience pour la promotion du bracelet Nike Fuel Band.L’experience reposant sur le concept du nike fuel band «le moindre geste peut être du sport» propose à l’utilisateur de réaliser divers mouvement afin de faire plus de sport.

Studio : onFormativeAgence : AKQAClient : Nike






http://onformative.com/work/nike-fuel-station



ixd.education

Quelques showreel








ixd.education

Quelques showreel








ixd.education

Quelques showreel








ixd.education

Quelques showreel








ixd.education

«Mais dans quel traknar je me suis encore fourré?»








ixd.education

Hello World






Bon design Génératif ;)

Pour toutes questions concernant la matière, les sujets ou le design; n’hésitez pas à me contacter.

[email protected]



ixd.education





