Hub de formation. Une bible de référence, trois cours progressifs, trois mini-cours gratuits comme portes d'entrée. Un parcours unique pour développer une pratique du code comme langage d'auteur.
Qu'est-ce que le creative coding ?
Le creative coding est une pratique où l'écriture de code est un moyen d'expression plutôt qu'un outil de résolution de problèmes fonctionnels. L'objectif n'est pas de livrer un logiciel — c'est de produire une expérience esthétique, poétique ou conceptuelle.
Ses outils fondamentaux : la boucle (répétition avec variation), l'aléatoire (imprévisibilité contrôlée), le temps (animation, événement), la réponse (interaction, data). Maîtriser ces propriétés, c'est maîtriser son matériau.
Document de référence
Bible — Creative Coding : Code comme langage d'auteur
→ /apprendre/creative-coding/bible/ content/cours/creative-coding/BIBLE.md
Référence complète : définition et posture, histoire sourcée (Vera Molnár 1959→Tyler Hobbs 2021), fondations techniques (boucle, couleur HSB, Perlin noise, transformations, animation), mathématiques créatives (trigonométrie, champs de vecteurs, fractales, L-systèmes, automates cellulaires, physique de particules), domaines (art génératif, data art, typographie, motifs, audio-réactif, shaders, AR/VR), outils & écosystème 2026, du sketch à l'œuvre exposée, éthique & IA. 42 termes glossaire, bibliographie sourcée (Perlin 1985, Lindenmayer 1968, Sutherland 1963).
Les 3 cours
| Niveau | Slug | Durée | Prérequis | Projet |
|---|---|---|---|---|
| N1 Débutant | /apprendre/creative-coding/niveau-1/ | 12–15h | Aucun | "Première composition générative" — p5.js, boucle + aléatoire + animation |
| N2 Intermédiaire | /apprendre/creative-coding/niveau-2/ | 16–20h | N1 validé | "Série de 3 œuvres" — champs de vecteurs, data art, L-systèmes |
| N3 Avancé | /apprendre/creative-coding/niveau-3/ | 20–24h | N2 + JS intermédiaire | "Œuvre de niveau exposition" — shaders GLSL + TouchDesigner + production-ready |
Mini-cours gratuits
Ces trois mini-cours sont des portes d'entrée thématiques : accessibles sans prérequis, ils s'intègrent comme extensions des modules du N1.
| Mini-cours | Lien | Intégration dans le cursus |
|---|---|---|
| Data Art : donner une forme à l'invisible | /apprendre/creative-coding/ | Module 4 du N1 (aléatoire + mapping donnée) · Module 4 du N2 (data art CSV) |
| Motifs Amazighs Génératifs | /apprendre/creative-coding/ | Module 3 du N1 (boucles et répétition) · BIBLE §5.4 (motifs algorithmiques) |
| Typographie Arabe en Mouvement | /apprendre/creative-coding/ | Module 5 du N1 (animation) · Module 5 du N2 (typographie générative) |
Masterclass
| Masterclass | Lien |
|---|---|
| Masterclass Zellige (8 modules) | /formations/creative-coding-masterclass/ |
La Masterclass Zellige approfondit la génération algorithmique de motifs géométriques complexes — niveau intermédiaire/avancé, pont entre tradition et code.
Parcours recommandés
Parcours "Je découvre le code créatif" (0 prérequis, libre)
→ Mini-cours Data Art → Mini-cours Motifs Amazighs → Mini-cours Typo Arabe → N1 Durée totale : 3–4h (mini-cours) + 12–15h (N1) = ~18h Idéal pour : tout curieux sans expérience technique, étudiants en design/art/architecture.
Parcours "Designer génératif" (intermédiaire)
→ N1 → N2 Durée totale : 28–35h Idéal pour : étudiants en design, UX, art numérique souhaitant une pratique sérieuse de p5.js. Résultat : maîtrise des systèmes de particules, champs de vecteurs, data art, typographie générative, export haute résolution.
Parcours "Artiste computationnel" (complet)
→ Mini-cours × 3 → N1 → N2 → N3 Durée totale : ~55–60h Idéal pour : artistes numériques, développeurs créatifs, scénographes numériques. Résultat : des mini-sketches aux œuvres de niveau exposition, shaders GLSL, TouchDesigner, production-ready.
Parcours "Patrimoine & Code" (thématique)
→ Mini-cours Motifs Amazighs → Mini-cours Typo Arabe → Masterclass Zellige → N1 § Boucles → N2 § L-systèmes Durée totale : ~25h Idéal pour : designers intéressés par les géométries et typographies du patrimoine marocain et méditerranéen. Résultat : des motifs et typographies traditionnels générés algorithmiquement avec p5.js.
Pont vers AR/VR
Le creative coding est le socle technique des expériences AR et VR. Les shaders GLSL, la physique de particules et la génération procédurale abordés au N3 s'intègrent directement dans :
Formations sur mesure
Ces cours sont disponibles en version workshop intensif (1–3 jours) pour :
- Écoles supérieures de design, d'art, d'architecture, d'ingénierie
- Studios créatifs, agences numériques, collectifs artistiques
- Musées, centres culturels, biennales d'art numérique
- Programmes de recherche et laboratoires
Les workshops incluent : partie théorique condensée + labs pratiques guidés + accompagnement projet. Langue : français, anglais, arabe.
→ Prendre rendez-vous — 30 min, gratuit
Workshop intensif (1–2 j) pour écoles, studios, musées — théorie condensée, labs guidés, accompagnement projet.
Prendre rendez-vous (30 min, gratuit) →