• Introduction
• p5.js: du javascript pour débutants et initiés à Processing
• Pourquoi p5.js?
• Vous avez dit "webdocumentaire"?
• À propos de ce livre
• Commencer
• Ressources minimales
• Installation
• Un peu de console...
• Dessiner
• Le canevas
• Primitives
• Typographie
• Couleurs
• Transformation
• Hasard
• Programmer
• Variables, boucles, conditions et tableaux
• Fonctions
• Des objets et des instances
• Notre première interface interactive
• Jouer avec les éléments HTML
• Les "id" ne sont pas (toujours) fixes...
• Créer des éléments HTML au sein du canevas
• Jouer avec des éléments audio et vidéo
• Jouer avec du texte
• Jouer avec des images
• Glissières, boutons, formulaires
• Un premier projet de webdocumentaire
• Intéragir
• À propos des pixels et des images matricielles
• Jouer avec une webcam
• Jouer avec un microphone
• Jouer avec le clavier
• Son & effets
• Jouer avec le temps
• Dessiner (avancé)
• Courbes et vecteurs
• Mathématiques
• Images & Sortie
• Annexes
• Arduino, internet et p5.js
• Jouer avec des flux Rss
• Aller plus loin
• Ressources
• Erreurs courantes
• Lexique

p5.js: du javascript pour débutants et initiés à Processing

Nous devons à Lauren McCarthy et à ses collaborateurs une toute récente bibliothèque Javascript nommée p5.js. Pour les initiés à Processing, c’est une véritable aubaine : p5.js combine la puissance de javascript avec l’intuitivité de la syntaxe de Processing.

Accessible depuis aout dernier, cette bibliothèque semble avoir fait assez peu de remous dans la communauté francophone. Pourtant, p5.js permet de créer facilement, au sein d’un canevas, un espace de dessin interactif; il permet également de jouer avec des éléments HTML de la page comme les objets vidéo, son, les sliders, les boutons de formulaire, etc.
Quand le bon vieux processing.js ne fait que convertir magiquement du Java en Javascript et ne permet d’intégrer que des petits modules au sein d’une page web, P5.js et sa bibliothèque p5.dom permettent de coder directement un fichier en .js et rend possible l’interaction avec les éléments HTML de la page et la combinaison avec d’autres bibliothèques javascript comme Hammer.js, Paper.js, Three.js, etc.

Cette bibliothèque pourrait permettre le développement rapide d’interfaces graphiques interactives, comme des applications web ou des webdocumentaires.

Site officiel de la bibliothèque (en)
How is different than Processing.js?