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

1. Creative coding
Quand les algorithmes se
mêlent de l’art
G. Berger - 3kd.be Technifutur 09 décembre 2014

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. Creative Coding: « Quand les algorithmes se mêlent de l’art »
Creative Coding ?

4. Creative Coding: « Quand les algorithmes se mêlent de l’art »
1963: Ivan Sutherland Sketchpad

5. Creative Coding: « Quand les algorithmes se mêlent de l’art »
http://www.ina.fr/video/CPF06020207

6. Creative Coding: « Quand les algorithmes se mêlent de l’art »
Creative Coding !
(aujourd’hui)
Accessibilité
Moyens de diffusion
Open Source

7. Creative Coding: « Quand les algorithmes se mêlent de l’art »
Les algorithmes dans l’art

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. Creative Coding: « Quand les algorithmes se mêlent de l’art »
Generative art / algorithmic art

10. Creative Coding: « Quand les algorithmes se mêlent de l’art »
Generative art / algorithmic art
Sol LeWitt

11. Creative Coding: « Quand les algorithmes se mêlent de l’art »
Generative art / algorithmic art
Sol LeWitt

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. 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. Creative Coding: « Quand les algorithmes se mêlent de l’art »
William Latham

15. Latham Form Synth Drawing 1985 1983-85

16. A Family of
Form.
Etching 1985

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.

19. 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

20. Creative Coding: « Quand les algorithmes se mêlent de l’art »
Generative art / algorithmic art
Des règles simples, faciles à appliquer
Carré + Cercle

21. Creative Coding: « Quand les algorithmes se mêlent de l’art »

22. Creative Coding: « Quand les algorithmes se mêlent de l’art »

23. Creative Coding: « Quand les algorithmes se mêlent de l’art »

24. Creative Coding: « Quand les algorithmes se mêlent de l’art »

25. Creative Coding: « Quand les algorithmes se mêlent de l’art »

26. 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

27. Creative Coding: « Quand les algorithmes se mêlent de l’art »

28. Creative Coding: « Quand les algorithmes se mêlent de l’art »
Interaction design & poetic
computation

29. 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 »

30. Creative Coding: « Quand les algorithmes se mêlent de l’art »
Insecurity Camera

31. Creative Coding: « Quand les algorithmes se mêlent de l’art »
3kd.be

32. Installations
Smile Controlled Tweet
• code: openFrameworks
• user input: user smile
• outputs:
• graphics
• Twitter

33. Installations
Kubes
• code: processing
• user input: Microsoft Kinect®
• outputs:
• DMX (lumières) => cuves à eau
• Ableton Live (audio)

34. Creative Coding: « Quand les algorithmes se mêlent de l’art »

35. Creative Coding: « Quand les algorithmes se mêlent de l’art »

36. Creative Coding: « Quand les algorithmes se mêlent de l’art »
Kubes
https://www.youtube.com/watch?v=y1MQPF5YcQM#t=60

37. Installations
BeatMakerBoard
• code: arduino + max msp
• user input: coper tape capacitif
• outputs:
• Ableton Live (audio)

38. Creative Coding: « Quand les algorithmes se mêlent de l’art »
https://www.youtube.com/watch?v=Ir_NX01QhzA

39. Installations
Arütmia
• code: arduino + processing
• user input: heart beats
• outputs:
• Ableton Live (audio)
• DMX (lights)

40. Creative Coding: « Quand les algorithmes se mêlent de l’art »

41. Creative Coding: « Quand les algorithmes se mêlent de l’art »

42. Creative Coding: « Quand les algorithmes se mêlent de l’art »

43. Creative Coding: « Quand les algorithmes se mêlent de l’art »

44. Creative Coding: « Quand les algorithmes se mêlent de l’art »