P5.js
Cours en ligne
- Kadenze: Introduction to Programming for the Visual Arts with p5.js
- Kadenze: The Nature of Code with p5.js
Fichiers nécessaires pour P5.js
- Un dossier contenant :
- Un fichier index.html
- Un fichier sketch.js
- Un sous-dossier libraries contenant :
- La logithèque p5.js
- ainsi que les autres logithèques utilisées par votre code
Modèles
- Modèle sans animation avec un canevas d'une taille fixe de 512 par 512 pixels : p5js_statique_512x512.zip
- Modèle avec animation dont le canevas s'ajuste à la taille de la fenêtre : p5js_fill_window.zip
Index
- Aléatoire
- Arbre généalogique
- Assouplissement
- Boucle
- Code minimal
- Conversion d'échelle
- Couleurs
- Dessiner en fonction de la taille du canevas
- Distance/longueur entre deux points
- Données et csv
- DunCôtéOuDeLautreDuneLigne
- Déplacement cartésien 2D
- Exemple : Image + Son + Clique + États
- Fonctions
- Formes
- Grammaire et ponctuation
- Images
- InstructionConditionnelle
- La programmation orientée objet avec les classes
- La visualisation du son
- Les boutons de la souris
- Manuels sur P5.js
- Minuteur
- Oscillation
- P5.js
- Particules
- Particules et cliques
- Particules et vieillesse
- Position de la souris
- Radians
- Son
- Tableau de texte
- Tableaux [ ] (Arrays)
- Tests et opérateurs relationnels
- Texte
- Transformations : push(), pop(), translate(), rotate() et scale()
- Tutoriel sur les boucles
- Variable
- À l'intérieur d'un cercle
- À l'intérieur d'un rectangle
- Éditeur Atom pour P5.js
- États