🎬 p5.js - Animation
1/5Animation

60 fps

Le coeur de l'animation

🎨

La boucle draw() sexecute environ 60 fois par seconde. Chaque iteration est une frame.

2/5Animation

Variables

Le coeur de l'animation

📝

En modifiant des variables dans draw(), on cree du mouvement frame apres frame.

3/5Animation

Rebonds

Le coeur de l'animation

⚙️

Avec des conditions simples (if x > width), on peut faire rebondir des elements.

4/5Animation

Traces et persistence

Le coeur de l'animation

🚀

En ne nettoyant pas le fond, on cree des traines et des effets de persistence.

5/5Animation

noLoop() et loop()

Le coeur de l'animation

🌟

noLoop() arrete la boucle, loop() la reprend. Utile pour des sketchs statiques.