Workshop Graphisme génératif et motion design avec p5js et Observable
Avec Lionel Radisson
Dans le contexte de la Covid-19, cet événement est annulé. Vos billets sont remboursés selon les modalités suivantes. Les personnes ayant pris leur(s) billet(s) en ligne seront remboursées automatiquement par virement bancaire au plus tard 15 jours après la date de l'événement annulé. Vous n’avez aucune démarche à effectuer. Les personnes ayant acheté leur(s) billet(s) au guichet ou par téléphone seront contactées par la billetterie. Dans cette attente, vous n’avez aucune démarche à effectuer.
Workshop Graphisme génératif et motion design avec p5js et Observable
Deux jours de workshop pour découvrir et expérimenter avec le graphisme génératif et l'animation par le code.
Les participant·e·s 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é·e·s 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.
Exemples de productions de Lionel Radissonréalisées avec ces outils
Pré-réquis : avoir des bases en JavaScript / p5js.
Matériel requis pour les participants : ordinateur portable
Intervenant :
Designer indépendant et enseignant au sein du makers'lab, Lionel Radisson travaille sur la rencontre de l’objet, du graphisme et du numérique. Depuis les ateliers Processing Lyon, il partage régulièrement sa pratique du code créatif sous toutes ses formes.
https://makio135.com/
Vous devriez aimer…
