Screensavers.p5.js
10 septembre 2025
— Panorama des outils et logiciels
- Le tableau listant les outils à partir de vos CV. J'ai ajouté des liens vers les outils moins connus.
— Histoire des screensavers
Screensaver + horloge : voir Yugo Nakamura aka Yugop
- https://www.youtube.com/watch?v=EoZmBjaFWto / https://tha.jp/826
- Voir aussi https://tha.jp/9564 / https://tha.jp/9400
— p5*js
- le site de la bibliothèque de scripts p5.js
- La documentation de p5.js
- Lauren McCarthy, artiste et créatrice de p5.js
- Tutoriels vidéo p5.js
- Mieux comprendre la fonction
map()avec des sliders -> https://editor.p5js.org/jbjoatton/sketches/lZTppcjv3
— Afficher l'heure
let h;
let m;
let s;
function setup(){
createCanvas(windowWidth,windowHeight)
}
function draw(){
h = hour();
m = minute();
s = second();
// afficher les valeurs dans la console
console.log(h,m,s);
}Des sketches à étudier :
- Affichage en texte : https://editor.p5js.org/jbjoatton/sketches/BZoviOhBY
- Utiliser des boucles pour répéter des formes : https://editor.p5js.org/jbjoatton/sketches/hC-_k37dq