Logo Stereolux
Du jeu. 14 Au ven. 15 oct. 2021

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

Avec Lionel Radisson

15€
15€
15€
30€
STEREOLUX Plateau Multi (4e étage)
9h30 - 18h30
Organisateur : Stereolux

Avant votre venue, consultez nos conditions d’accueil :

VOUS ACCUEILLIR DANS LE CONTEXTE COVID-19

 

Deux jours de workshop pour découvrir et expérimenter avec le graphisme génératif et l'animation par le code.

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.

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.