Creative coding 
Quand les algorithmes se 
mêlent de l’art 
G. Berger - 3kd.be Technifutur 09 décembre 2014
Creative Coding: « Quand les algorithmes se mêlent de l’art » 
Me, Myself and I 
• Web Developer (ex lesoir.be) 
• co-fund...
Creative Coding: « Quand les algorithmes se mêlent de l’art » 
Creative Coding ?
Creative Coding: « Quand les algorithmes se mêlent de l’art » 
1963: Ivan Sutherland Sketchpad
Creative Coding: « Quand les algorithmes se mêlent de l’art » 
http://www.ina.fr/video/CPF06020207
Creative Coding: « Quand les algorithmes se mêlent de l’art » 
Creative Coding ! 
(aujourd’hui) 
Accessibilité 
Moyens de ...
Creative Coding: « Quand les algorithmes se mêlent de l’art » 
Les algorithmes dans l’art
Creative Coding: « Quand les algorithmes se mêlent de l’art » 
Qu’est-ce qu’un algorithme ? 
Description d’une procédure p...
Creative Coding: « Quand les algorithmes se mêlent de l’art » 
Generative art / algorithmic art
Creative Coding: « Quand les algorithmes se mêlent de l’art » 
Generative art / algorithmic art 
Sol LeWitt
Creative Coding: « Quand les algorithmes se mêlent de l’art » 
Generative art / algorithmic art 
Sol LeWitt
Creative Coding: « Quand les algorithmes se mêlent de l’art » 
Generative art / algorithmic art 
Wall Drawing No. 681 C, 1...
Creative Coding: « Quand les algorithmes se mêlent de l’art » 
Generative art / algorithmic art 
Wall Drawing No. 681 C, 1...
Creative Coding: « Quand les algorithmes se mêlent de l’art » 
William Latham
Latham Form Synth Drawing 1985 1983-85
A Family of 
Form. 
Etching 1985
Start 
Select Rule. 
1. Beak 
2. Bulge 
3. Scoop 
4. Stretch 
5. Twist 
6. Slice 
7. Clone 
8. Tendril Extend 
9. Grow Gro...
Creative Coding: « Quand les algorithmes se mêlent de l’art » 
Generative art / algorithmic art 
• règles simples, faciles...
Creative Coding: « Quand les algorithmes se mêlent de l’art » 
Generative art / algorithmic art 
Des règles simples, facil...
Creative Coding: « Quand les algorithmes se mêlent de l’art »
Creative Coding: « Quand les algorithmes se mêlent de l’art »
Creative Coding: « Quand les algorithmes se mêlent de l’art »
Creative Coding: « Quand les algorithmes se mêlent de l’art »
Creative Coding: « Quand les algorithmes se mêlent de l’art »
Creative Coding: « Quand les algorithmes se mêlent de l’art » 
Generative art / algorithmic art 
Démonstration 
Game of li...
Creative Coding: « Quand les algorithmes se mêlent de l’art »
Creative Coding: « Quand les algorithmes se mêlent de l’art » 
Interaction design & poetic 
computation
Creative Coding: « Quand les algorithmes se mêlent de l’art » 
School for Poetic computation, Brooklyn, NY 
« For us, comp...
Creative Coding: « Quand les algorithmes se mêlent de l’art » 
Insecurity Camera
Creative Coding: « Quand les algorithmes se mêlent de l’art » 
3kd.be
Installations 
Smile Controlled Tweet 
• code: openFrameworks 
• user input: user smile 
• outputs: 
• graphics 
• Twitter
Installations 
Kubes 
• code: processing 
• user input: Microsoft Kinect® 
• outputs: 
• DMX (lumières) => cuves à eau 
• ...
Creative Coding: « Quand les algorithmes se mêlent de l’art »
Creative Coding: « Quand les algorithmes se mêlent de l’art »
Creative Coding: « Quand les algorithmes se mêlent de l’art » 
Kubes 
https://www.youtube.com/watch?v=y1MQPF5YcQM#t=60
Installations 
BeatMakerBoard 
• code: arduino + max msp 
• user input: coper tape capacitif 
• outputs: 
• Ableton Live (...
Creative Coding: « Quand les algorithmes se mêlent de l’art » 
https://www.youtube.com/watch?v=Ir_NX01QhzA
Installations 
Arütmia 
• code: arduino + processing 
• user input: heart beats 
• outputs: 
• Ableton Live (audio) 
• DMX...
Creative Coding: « Quand les algorithmes se mêlent de l’art »
Creative Coding: « Quand les algorithmes se mêlent de l’art »
Creative Coding: « Quand les algorithmes se mêlent de l’art »
Creative Coding: « Quand les algorithmes se mêlent de l’art »
Creative Coding: « Quand les algorithmes se mêlent de l’art »
Quand les algorithmes se mèlent de l'art - Technifutur 12/2014
Prochain SlideShare
Chargement dans…5
×

Quand les algorithmes se mèlent de l'art - Technifutur 12/2014

1 325 vues

Publié le

Présentation dans le cadre d'un événement sur les technologies innovantes à Technifutur, Liège

Publié dans : Technologie
2 commentaires
0 j’aime
Statistiques
Remarques
  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 325
Sur SlideShare
0
Issues des intégrations
0
Intégrations
455
Actions
Partages
0
Téléchargements
3
Commentaires
2
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Quand les algorithmes se mèlent de l'art - Technifutur 12/2014

  1. 1. Creative coding Quand les algorithmes se mêlent de l’art G. Berger - 3kd.be Technifutur 09 décembre 2014
  2. 2. Creative Coding: « Quand les algorithmes se mêlent de l’art » Me, Myself and I • Web Developer (ex lesoir.be) • co-funder paperpixel.net / 3kd.be • creative coder (Processing; OpenFrameworks) • teacher • OOP + php frameworks ISL promsoc • « Programming for non programmers with Processing » • Twitter: • @greberger • @paperpixel_std • @3kdLabs
  3. 3. Creative Coding: « Quand les algorithmes se mêlent de l’art » Creative Coding ?
  4. 4. Creative Coding: « Quand les algorithmes se mêlent de l’art » 1963: Ivan Sutherland Sketchpad
  5. 5. Creative Coding: « Quand les algorithmes se mêlent de l’art » http://www.ina.fr/video/CPF06020207
  6. 6. Creative Coding: « Quand les algorithmes se mêlent de l’art » Creative Coding ! (aujourd’hui) Accessibilité Moyens de diffusion Open Source
  7. 7. Creative Coding: « Quand les algorithmes se mêlent de l’art » Les algorithmes dans l’art
  8. 8. Creative Coding: « Quand les algorithmes se mêlent de l’art » Qu’est-ce qu’un algorithme ? Description d’une procédure permettant d’arriver à un résultat 1. Il y a plusieurs manières d’écrire un algorithme 2. Un algorithme inclut des hypothèses 3. Un algorithme implique des décisions 4. Un algorithme doit, avec les mêmes entrées, produire les mêmes sorties
  9. 9. Creative Coding: « Quand les algorithmes se mêlent de l’art » Generative art / algorithmic art
  10. 10. Creative Coding: « Quand les algorithmes se mêlent de l’art » Generative art / algorithmic art Sol LeWitt
  11. 11. Creative Coding: « Quand les algorithmes se mêlent de l’art » Generative art / algorithmic art Sol LeWitt
  12. 12. Creative Coding: « Quand les algorithmes se mêlent de l’art » Generative art / algorithmic art Wall Drawing No. 681 C, 1993, National Gallery of Art, Washington DC
  13. 13. Creative Coding: « Quand les algorithmes se mêlent de l’art » Generative art / algorithmic art Wall Drawing No. 681 C, 1993, National Gallery of Art, Washington DC
  14. 14. Creative Coding: « Quand les algorithmes se mêlent de l’art » William Latham
  15. 15. Latham Form Synth Drawing 1985 1983-85
  16. 16. A Family of Form. Etching 1985
  17. 17. Start Select Rule. 1. Beak 2. Bulge 3. Scoop 4. Stretch 5. Twist 6. Slice 7. Clone 8. Tendril Extend 9. Grow Growth Pod 10. Subtract 11. Add 12. Marry Select Primitive. Cone Block Dodecahedron. . Torus Sphere Ellipsoid Pyramid Select Scale. Small. Medium Large Draw Result. Select Form From Evolution Tree. Rule Multiplier Imagine Result. Eg.X 10. FormSynth Rules.
  18. 18. Creative Coding: « Quand les algorithmes se mêlent de l’art » Generative art / algorithmic art • règles simples, faciles à appréhender • répétition • insertion d’éléments aléatoires
  19. 19. Creative Coding: « Quand les algorithmes se mêlent de l’art » Generative art / algorithmic art Des règles simples, faciles à appliquer Carré + Cercle
  20. 20. Creative Coding: « Quand les algorithmes se mêlent de l’art »
  21. 21. Creative Coding: « Quand les algorithmes se mêlent de l’art »
  22. 22. Creative Coding: « Quand les algorithmes se mêlent de l’art »
  23. 23. Creative Coding: « Quand les algorithmes se mêlent de l’art »
  24. 24. Creative Coding: « Quand les algorithmes se mêlent de l’art »
  25. 25. Creative Coding: « Quand les algorithmes se mêlent de l’art » Generative art / algorithmic art Démonstration Game of life règles simples: * cellules vivantes * Une cellule avec 0 ou 1 voisin meurt de solitude * Une cellule avec 4 voisins ou plus meurt par la surpopulation * Une cellule avec 2 ou 3 voisins continue à vivre * cellules mortes * Pour renaitre, une cellule doit avoir exactement 3 voisin
  26. 26. Creative Coding: « Quand les algorithmes se mêlent de l’art »
  27. 27. Creative Coding: « Quand les algorithmes se mêlent de l’art » Interaction design & poetic computation
  28. 28. Creative Coding: « Quand les algorithmes se mêlent de l’art » School for Poetic computation, Brooklyn, NY « For us, computation is poetic when technology is used for critical thinking and aesthetic inquiry »
  29. 29. Creative Coding: « Quand les algorithmes se mêlent de l’art » Insecurity Camera
  30. 30. Creative Coding: « Quand les algorithmes se mêlent de l’art » 3kd.be
  31. 31. Installations Smile Controlled Tweet • code: openFrameworks • user input: user smile • outputs: • graphics • Twitter
  32. 32. Installations Kubes • code: processing • user input: Microsoft Kinect® • outputs: • DMX (lumières) => cuves à eau • Ableton Live (audio)
  33. 33. Creative Coding: « Quand les algorithmes se mêlent de l’art »
  34. 34. Creative Coding: « Quand les algorithmes se mêlent de l’art »
  35. 35. Creative Coding: « Quand les algorithmes se mêlent de l’art » Kubes https://www.youtube.com/watch?v=y1MQPF5YcQM#t=60
  36. 36. Installations BeatMakerBoard • code: arduino + max msp • user input: coper tape capacitif • outputs: • Ableton Live (audio)
  37. 37. Creative Coding: « Quand les algorithmes se mêlent de l’art » https://www.youtube.com/watch?v=Ir_NX01QhzA
  38. 38. Installations Arütmia • code: arduino + processing • user input: heart beats • outputs: • Ableton Live (audio) • DMX (lights)
  39. 39. Creative Coding: « Quand les algorithmes se mêlent de l’art »
  40. 40. Creative Coding: « Quand les algorithmes se mêlent de l’art »
  41. 41. Creative Coding: « Quand les algorithmes se mêlent de l’art »
  42. 42. Creative Coding: « Quand les algorithmes se mêlent de l’art »
  43. 43. Creative Coding: « Quand les algorithmes se mêlent de l’art »

×