Bienvenue dans mon laboratoire
CRÉATEUR D’EXPÉRIENCES INTERACTIVES
Tout a commencé par des animations réactives au son codées en Python, avant que le mapping vidéo ne m’apprenne à projeter cette matière sonore sur des surfaces réelles. Aujourd’hui, ce langage a migré dans le navigateur : le code devient instrument de musique, la webcam devient pinceau, un clavier MIDI fait danser un pigeon en 3D. Je conçois des expériences web à la croisée de l’audio temps réel, de la vision par ordinateur, de la 3D et du visuel génératif — sans framework, sans build, juste du JavaScript qui tourne directement dans le navigateur.
- WebGL & Three.js
- Web Audio API
- Vision par ordinateur (MediaPipe)
- Web MIDI
- Shaders GLSL
- Vanilla JS — zéro framework
EXPLOREZ LE LABORATOIRE
30 expériences classées par univers créatif. Cliquez sur une carte pour la lancer — la plupart demandent l’accès à la webcam ou au micro.
30 expériences
Air music
Un instrument à deux mains : une main déclenche des samples au nombre de doigts, l’autre module le son en l’air.
Lancer l’expérienceApex Shot
Tir à l’arc en SVG sur 5 niveaux, physique de trajectoire réaliste et sons synthétisés à la volée.
Lancer l’expérienceBeat forge
Boîte à rythmes circulaire et organique : une balle rebondit sur les pas actifs. Export WAV du pattern.
Lancer l’expérienceBird Game
Pilotez un oiseau dans une ville procédurale infinie en penchant les épaules devant la caméra.
Lancer l’expérienceChromascan
Une image balayée par un curseur devient de la musique additive — dessinez dessus pour composer en direct.
Lancer l’expérienceChrome cam
La webcam gravée en chrome liquide façon Photoshop, contours ondulant au rythme du mouvement.
Lancer l’expérienceFace music
Une IA lit vos émotions sur votre visage et joue un son différent pour chaque expression détectée.
Lancer l’expérienceFluid music
Vos mains peignent une simulation de fluide GPU en temps réel, chaque geste joue aussi une note.
Lancer l’expérienceFluid music 2
Jusqu’à 6 mains simultanées peignent le même fluide génératif — version multi-joueurs.
Lancer l’expérienceGuitare Game
Jouez de vrais accords de guitare dans le micro pour faire sauter un personnage en mini-jeux.
Lancer l’expérienceHand Draw
Dessinez dans les airs du bout de l’index, pincez pour attraper vos traits. Export PNG.
Lancer l’expérienceHarpe cosmique
Une harpe de particules 3D : jouez des accords en agitant les mains ou en chantant.
Lancer l’expérienceHollow Man
La cape d’invisibilité version webcam : fermez le poing pour disparaître progressivement du cadre.
Lancer l’expérienceMelodic voice
Chantez ou fredonnez : votre voix est captée, harmonisée et rejouée par un orchestre céleste synthétisé.
Lancer l’expérienceMidi 3D
Un pigeon cartoon (ou 7 autres personnages) qui se déforme en rythme sur vos notes MIDI.
Lancer l’expérienceMidi visual 1
Visualiseur MIDI réactif : 6 univers génératifs (fluide, tunnel, pluie…) pilotés par un clavier MIDI.
Lancer l’expérienceMidi visual 2
Second visualiseur MIDI réactif : 8 univers génératifs et 3 instruments synthétisés.
Lancer l’expérienceMosaic
L’image webcam devient une surface d’eau que vos mains font onduler en temps réel.
Lancer l’expérienceMoving capture
La webcam se transforme en pointillisme génératif : chaque mouvement laisse une traînée de points lumineux.
Lancer l’expérienceNeon cam
Filtre néon « Glowing Edges » en direct sur la webcam, bascule instantanée normal/inversé.
Lancer l’expérienceNeural network
Un réseau de neurones 3D vivant (galaxie, ADN, tore…) qui pulse et morphe au son de votre voix.
Lancer l’expériencePsyché Shader
Vos mains déclenchent des fractales psychédéliques kaléidoscopiques, synchronisées à un synthé.
Lancer l’expérienceQuick MPC
Une vraie boîte à rythmes/sampler dans le navigateur : 16 pads, séquenceur, FX, export WAV.
Lancer l’expérienceReality flex
La webcam se liquéfie façon métal en fusion sous les mouvements de vos mains.
Lancer l’expérienceRuban Flex
Peignez avec votre index : 8 effets au choix (fumée, flammes, kaléidoscope, confettis…).
Lancer l’expérienceScanner Glitch
Simulateur de scanner à défilement : manipulez une photo pendant le balayage pour créer du glitch art HD.
Lancer l’expérienceSound animation
Une galerie d’animations audio-réactives extensible — branchez le micro et changez de visuel à la volée.
Lancer l’expérienceSynth move
Un synthé d’accords à deux mains : la gauche choisit l’accord, la droite règle volume et tonalité.
Lancer l’expérienceThérémine glitch
Un thérémine gestuel : votre corps pilote une note continue au-dessus d’un visuel ASCII génératif.
Lancer l’expérienceTouch music
Instrument à deux mains avec roues d’accords et clavier mélodique, activés par pincement des doigts.
Lancer l’expérienceUNE IDÉE, UN PROJET ?
Envie de collaborer, d’une expérience sur-mesure ou juste d’échanger sur une techno ? Écrivez-moi.