À propos
Ce site présente les résultats du workshop Mo{généra}tifs mené par Sarah Garcin avec les étudiants de première année, groupe 4 de l'ENSAD, en janvier 2021. Ce workshop a pour objectif de donner à voir les possibles en matière de numérique dans le champ du design et de l’art. Les étudiants ont utilisé p5js pour créer des programmes générant des images. Ce site présente à la fois les images fixes, capturées par les étudiants ainsi que les programmes ayant permis de les générer.
Déroulé
Introduction à la notion d'algorithme et à son utilisation dans le champ de l'art et du design
Introduction aux notions utiles en programmation
Les bases de p5js: https://editor.p5js.org/sarahgrcn/sketches/KqD8FxRzi
L'aléatoire: https://editor.p5js.org/sarahgrcn/sketches/7LRSO8neg
L'animation: https://editor.p5js.org/sarahgrcn/sketches/HcfUnzrVE
Les interactions avec la souris: https://editor.p5js.org/sarahgrcn/sketches/4pXl6pUHy
Les interactions avec la souris et le clavier: https://editor.p5js.org/sarahgrcn/sketches/YuU5Mz7Ke
Les boucles: https://editor.p5js.org/sarahgrcn/sketches/RTqtHGd5g
Les grilles: https://editor.p5js.org/sarahgrcn/sketches/AroCjbWQF
Sujet du workshop
Imaginer un programme permettant la génération d’un motif. Ce motif doit être unique à chaque génération.
Il est possible:
- d’imaginer un programme générant de l’image animée, qui une fois figée, propose un motif.
- d’imaginer un programme générant des images fixes.
- d’imaginer un programme-outil permettant le dessin de motif
Quelques exemples
https://editor.p5js.org/sarahgrcn/collections/V3mmoK-EiRessources et Références
- des exemples de sketches p5js et Processing
- les tutos de Daniel Shiffman
- The Nature Of Code de Daniel Shiffman, pour apprendre certaines logiques complexes de code (trigonométrie, oscillation, algorithmes génétiques, etc.)
- Generative Gestaltung (coll.), la bible du design génératif
- Référence p5js.org, la documentation de p5.js et la base de tout
- Un cours p5js en français par b2renger
- Des exemples p5js en français
- Des cours p5js en français