Adresses utiles
Sites de référence
Section intitulée « Sites de référence »- Le site de P5js : https://p5js.org/, avec sa référence, ses tutoriels et ses exemples
- L’éditeur en ligne de P5js : https://editor.p5js.org/
- Introduction à P5js (en français) : https://b2renger.github.io/Introduction_p5js/
- Les pages de formation à P5js, en français, du Lycée Le Corbusier (Strasbourg)
- Happy Coding : des tutoriels P5js très progressifs pour débutants
- Introduction to Computational Media with p5.js
- Les transformations dans P5 (Gene Kogan) : https://genekogan.com/code/p5js-transformations/
- Le bruit de Perlin dans P5 (Gene Kogan) : https://genekogan.com/code/p5js-perlin-noise/
- Introduction to Programming for the Visual Arts with p5.js
The Coding Train
Section intitulée « The Coding Train »- The Coding Train et sa chaîne YouTube
- Code! Programming with p5.js : le cours vidéo pour débuter, pas à pas
- The Nature of Code : le livre (gratuit en ligne) sur la simulation de phénomènes naturels avec P5js : hasard, vecteurs, forces, particules, systèmes autonomes…
- What is a vector? (en français)
- Programming from A to Z : programmer avec du texte et des mots
IA & machine learning
Section intitulée « IA & machine learning »- ml5.js : une bibliothèque qui rend le machine learning accessible dans P5js (reconnaissance d’images, détection du corps, des mains, du visage…)
- A Beginner’s Guide to Machine Learning with ml5.js (The Coding Train)
- Teachable Machine : entraîner un modèle à reconnaître vos images, sons ou postures, sans coder, puis l’utiliser dans P5js via ml5.js
- micro:bit CreateAI : entraîner un micro:bit à reconnaître des gestes
Autres outils pour créer avec du code
Section intitulée « Autres outils pour créer avec du code »- Hydra : un synthétiseur vidéo en temps réel, qu’on programme dans le navigateur (live coding)
- Strudel : faire de la musique avec du code, dans le navigateur
- The Book of Shaders : une introduction aux shaders (en français)
- https://scratch.mit.edu/ : le site de Scratch (programmation par blocs)
- https://microbit.org/fr/ : le site du Micro:bit de la BBC
- https://www.raspberrypi.org/ : le site du nano ordinateur
Les bibliothèques
Section intitulée « Les bibliothèques »- Les bibliothèques pour étendre les possibilités de P5js (qui en est une également!)
- Vectoriel > Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. Exemple : hit testing
- 3D > Three.js Discover: https://discoverthreejs.com/book/introduction/
- Print > Basil.js est une bibliothèque javascript développée à l’Ecole de Design de Bâle pour faciliter l’utilisation de scripts personnalisés et de design génératif au coeur même d’Adobe Indesign. Il se définit comme “An attempt to port the spirit of the Processing visualization language to Adobe Indesign.”
- Machine learning > ml5.js (voir plus haut)
- py5 : l’équivalent de Processing en Python
- Python ex: https://www.makeartwithpython.com/
- SVG on the web : https://svgontheweb.com/
- Les pavages de Sébastien Truchet
- Playing with pixels
- Flow fields (Keith Peters)
Showcase
Section intitulée « Showcase »- Generative Design : les sketches P5js du livre, à ouvrir et modifier en ligne
- Processing examples : http://learningprocessing.com/examples/
- Open Processing : https://openprocessing.org/
- Pour le plaisir : https://www.youtube.com/watch?v=nvH2KYYJg-o