Trois outils, trois philosophies
Il n'existe pas d'outil universel pour le creative coding. Le choix dépend de votre contexte : niveau technique, contraintes de déploiement, type de projet, collaboration avec d'autres.
p5.js — pour débuter et pour le web
p5.js est une bibliothèque JavaScript qui hérite de la philosophie de Processing. Elle fonctionne dans le navigateur, sans installation. C'est aujourd'hui la référence pour :
- Les débutants : syntaxe claire, documentation abondante, communauté active
- Les projets web : les œuvres sont directement partageables par URL
- Les ateliers pédagogiques : un navigateur suffit, pas d'installation sur les postes des élèves
- Les installations légères : un Raspberry Pi ou un mini-PC suffit pour faire tourner du p5.js
Limites : moins performant que Processing pour les sketches lourds (milliers de particules, rendu 3D complexe). Pas idéal pour les projets nécessitant un accès bas niveau au hardware.
Processing — pour la performance et les prototypes avancés
Processing (Java) est l'ancêtre de p5.js. Il est plus performant pour les projets lourds, donne accès à plus de bibliothèques natives, et reste le choix de nombreux artistes professionnels pour les prototypes complexes.
- Rendu 2D et 3D natif avec accélération GPU
- Bibliothèques : vidéo, son, machine learning, communication série (Arduino…)
- Export : application native macOS/Windows/Linux
- Moins adapté pour les débutants (Java, pas de navigateur)
TouchDesigner — pour les installations professionnelles temps réel
TouchDesigner (Derivative) est le standard des installateurs professionnels pour les projets impliquant :
- Vidéo en temps réel : mapping, multi-projection, générative vidéo
- Son réactif : FFT, MIDI, OSC
- Interactivité physique : Kinect, capteurs, Arduino, tracking
- Performances live : VJing, théâtre, concerts
C'est un outil nodal (sans écrire de code ligne par ligne), très puissant mais avec une courbe d'apprentissage importante. Licence gratuite pour les projets non commerciaux.
Tableau de synthèse
| Critère | p5.js | Processing | TouchDesigner |
|---|---|---|---|
| Courbe d'apprentissage | ★★☆ (facile) | ★★★ (moyen) | ★★★★ (difficile) |
| Performance | Bonne | Très bonne | Excellente |
| Déploiement web | ✅ Natif | ❌ Non | ❌ Non |
| Vidéo temps réel | Limité | Possible | ✅ Idéal |
| Prix | Gratuit | Gratuit | Gratuit (non-commercial) |
| Idéal pour | Web, pédagogie, prototypes | Art numérique, performances | Installations pro, live |
Quelle est la bonne question ?
Avant de choisir un outil, posez-vous : Où sera diffusée l'œuvre ? Si c'est sur le web → p5.js. Si c'est dans un espace physique avec vidéo/son → TouchDesigner. Si c'est un prototype ou une performance → Processing ou p5.js.
Explorer les ateliers p5.js gratuits → · Discuter de votre projet →
Un projet en tête ?
Réserver 15 min →