Ressource↗
texte et typo
Ressource↗
Formes basiques
Ressource↗
images, data et son
Ressource↗
forme, taille, position, couleur...
Ressource↗
generative art, motion graphics, and interactive design
Ressource↗
Generative design
Ressource↗
Explorations diverses, animations, dessins...
Exercices
→
→
→
Enregistrer le canvas comme une image
Ajouter plusieurs sketchs dans une page (instance mode)
Ajouter plusieurs sketchs dans une page (flexbox)
Trois mouvements simples d’un cercle
Présenter un poster interactif dans une page Web
Un exemple interactif de font variable
Modifier des éléments avec le micro
Dessiner avec une contrainte en p5.js
Faire défiler du texte avec p5.js
Ajouter et/ou enlever une class avec p5.js
Un texte positionné aléatoirement dans la page
HTML/CSS/DOM avec p5.js
Placer son projet p5.js en pleine page