# Workshop codage - ESBA TALM 2020

## Présentation

* [Introduction au code créatif](https://www.laurent-malys.fr/code_creatif/00_intro_web.html)

## Cocoding

https://teddavis.org/p5live/?cc=jsyk3#

## Exemples

- [symétries](https://editor.p5js.org/losylam/sketches/nGxNOssn)
- [dessin carrés](https://editor.p5js.org/losylam/sketches/MDFUOXuN)
- [marcheur aléaoire](https://editor.p5js.org/losylam/sketches/7aKJIqIq)
- [grille carrés](https://editor.p5js.org/losylam/sketches/2wkQmuAc)
- [animation balle](https://editor.p5js.org/losylam/sketches/O8j35lhT)
- [exemples listes](https://editor.p5js.org/losylam/sketches/M_a1l2_G)
- [objets](https://editor.p5js.org/losylam/sketches/p44RoEc8)
- [motif en objet](https://editor.p5js.org/losylam/sketches/x7T4LSNQ)
- [morse](https://editor.p5js.org/losylam/sketches/z3sz_syQ)
- [clic son](https://editor.p5js.org/losylam/sketches/is211E_S)
- [matter.js](https://editor.p5js.org/dansakamoto/sketches/SkGv2ys9m)

## Exercice recap

### Exercice 1
- Utiliser une boucle pour afficher dans la console (avec "print") les nombres de 0 à 10
- puis de 1 à 10
- puis les dizaines de 10 à 100

### Exercice 2
Dessiner un cercle qui se déplace de gauche à droite avec la souris

### Exercice 3
Créer une variable qui s'incrémente de 5 à chaque nouvelle frame et s'arrète à 100

### Exercice 4
Dessiner un cerle au centre du canvas qui s'agrandit quand la souris s'éloigne du milieu

### Exercice 5
Utiliser une boucle pour dessiner une bandes de lignes verticales au milieu du canvas


## Exercice recodage

### Violette

 violette baricault

### Théo

theo laplanche

### Claire

 claire dupire
https://editor.p5js.org/klayre/sketches/wWbSgCdZ
https://editor.p5js.org/klayre/sketches/GH7zmtzI
https://editor.p5js.org/klayre/sketches/7OPKegtq
https://editor.p5js.org/klayre/sketches/C6MRhNSc
https://editor.p5js.org/klayre/sketches/jjkp8yuv

### Aymeric

https://editor.p5js.org/PLAY/sketches/wYslmqpL

### Nicolas


### Salomé

Image du travail reprenant l'exemple de l'artiste Vera Molnar :
lien du projet retravaillé :https://editor.p5js.org/sb.o/sketches/3Xy17xY6

### Eloise

![] (
)

### Stéphanie

https://editor.p5js.org/St_B/sketches/KC8sDNST


https://editor.p5js.org/St_B/sketches/FQnnw07n


https://editor.p5js.org/St_B/sketches/ec3zeBUu


https://editor.p5js.org/St_B/sketches/nMW4O9lE

### Violette réalisation rectifiée
https://editor.p5js.org/Violette/sketches/0_ZBAuhw

### Salomé
https://editor.p5js.org/sb.o/sketches/3Xy17xY6

### Annette
Oeuvre de Vera Molnar


https://editor.p5js.org/Annette/sketches/GFhmQSa2