Workshop Graphisme génératif et motion design avec p5js et Observable

Les participant·es découvriront pendant ce workshop des outils de création graphique et d'animation par le code, tout en utilisant Observable, une plateforme de programmation réactive, simplifiant le processus itératif lié au code créatif, et seront ensuite accompagné·es dans l'expérimentation avec ces différentes techniques. 

Ce workshop permettra d'explorer des notions de graphisme génératif (formes / couleurs), de programmation avec p5js (librairie JavaScript permettant d'obtenir rapidement des résultats graphiques intéressants par le code), d'aléatoire (Pseudo Random Number Generator, Perlin noise); puis de passer à l'animation en s'inspirant du travail de gif artists comme Dave Whyte @beesandbombs, et de voir des outils de composition temporelle (timeline, boucle, …).

Observable, porté par Mike Bostock (développeur de d3js) offre un environnement permettant d'explorer des sujets autour du code, réactif (dès qu'un élément est modifié, les autres qui lui sont liés sont mis à jour), organisé (création de notebooks, de collections) et d'écrire du code réutilisable très facilement, de forker son travail ou celui d'autres utilisateurs ou utilisatrices, et ainsi s'inscrire dans une démarche de construction progressive et itérative, ou encore de produire ses propres outils réutilisables. 

Exemples d’outils développés et partagés sur Observable :

• https://observablehq.com/@makio135/bnb
• https://observablehq.com/@makio135/hello-raymarching
• https://observablehq.com/@makio135/give-me-colors
• https://observablehq.com/collection/@makio135/tools

Observable permet également une intégration simple des librairies et packages JS déjà existants et de fait, de se concentrer sur la recherche graphique, et ainsi d'être une plateforme intéressante pour le code créatif.