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, et le tout 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
31 expériences online classées par univers créatif. Cliquez sur une carte pour la découvrir (la plupart demandent l’accès à la webcam ou au micro).
31 expériences online
-
Air music
Découvrir → : Air musicUn instrument gestuel à deux mains devant la webcam — samples au nombre de doigts, modulation en l’air.
-
Apex Shot
Découvrir → : Apex ShotTir à l’arc en SVG sur 5 niveaux, trajectoire physique et sons synthétisés à la volée.
-
Beat forge
Découvrir → : Beat forgeBoîte à rythmes circulaire et organique, avec export WAV du pattern.
-
Bird Game
Découvrir → : Bird GameVolez à mains libres dans une ville procédurale infinie, en penchant les épaules devant la webcam.
-
Cartoon cam
Découvrir → : Cartoon camLa webcam transformée en case de comic book, cel-shading, contours encrés et trame Ben-Day en temps réel.
-
Chromascan
Découvrir → : ChromascanUne image balayée devient de la musique additive — dessinez dessus pour composer en direct.
-
Chrome cam
Découvrir → : Chrome camLa webcam gravée en chrome liquide façon Photoshop, contours ondulant au rythme du mouvement.
-
Face music
Découvrir → : Face musicUne IA lit vos émotions sur votre visage et joue un son différent pour chaque expression détectée.
-
Fluid music
Découvrir → : Fluid musicVos mains peignent une simulation de fluide GPU en temps réel, chaque geste joue aussi une note.
-
Fluid music 2
Découvrir → : Fluid music 2Jusqu’à 6 mains simultanées peignent le même fluide génératif — version multi-joueurs.
-
Guitare Game
Découvrir → : Guitare GameJouez de vrais accords de guitare dans le micro pour faire sauter un personnage en mini-jeux.
-
Hand Draw
Découvrir → : Hand DrawDessinez dans les airs du bout de l’index, pincez pour attraper vos traits — export PNG.
-
Harpe cosmique
Découvrir → : Harpe cosmiqueUne harpe de particules 3D : jouez des accords en agitant les mains ou en chantant.
-
Hollow Man
Découvrir → : Hollow ManFermez le poing devant la webcam pour disparaître progressivement du cadre.
-
Melodic voice
Découvrir → : Melodic voiceChantez ou fredonnez : votre voix est captée, harmonisée et rejouée par un orchestre céleste synthétisé.
-
Midi 3D
Découvrir → : Midi 3DUn pigeon cartoon (ou 7 autres personnages) qui se déforme en rythme sur vos notes MIDI.
-
Midi visual 1
Découvrir → : Midi visual 1Visualiseur MIDI réactif : 6 univers génératifs (fluide, tunnel, pluie…) pilotés par un clavier MIDI.
-
Midi visual 2
Découvrir → : Midi visual 2Second visualiseur MIDI réactif : 8 univers génératifs et 3 instruments synthétisés.
-
Mosaic
Découvrir → : MosaicL’image webcam devient une surface d’eau que vos mains font onduler en temps réel.
-
Moving capture
Découvrir → : Moving captureLa webcam se transforme en pointillisme génératif : chaque mouvement laisse une traînée de points lumineux.
-
Neon cam
Découvrir → : Neon camFiltre néon « Glowing Edges » en direct sur la webcam, bascule instantanée normal/inversé.
-
Neural network
Découvrir → : Neural networkUn réseau de neurones 3D vivant qui pulse et morphe au son de votre voix.
-
Psyché Shader
Découvrir → : Psyché ShaderVos mains pilotent une fractale psychédélique synchronisée à un synthé, en direct devant la webcam.
-
Quick MPC
Découvrir → : Quick MPCUne boîte à rythmes/sampler complète dans le navigateur — 16 pads, séquenceur, FX, export WAV.
-
Reality flex
Découvrir → : Reality flexLa webcam se liquéfie façon métal en fusion sous les mouvements de vos mains.
-
Ruban Flex
Découvrir → : Ruban FlexPeignez avec votre index devant la webcam — huit effets, du ruban vidéo aux fleurs génératives.
-
Scanner Glitch
Découvrir → : Scanner GlitchSimulateur de scanner à défilement, manipulez une photo pendant le balayage pour créer du glitch art HD.
-
Sound animation
Découvrir → : Sound animationUne galerie d’animations audio-réactives extensible, branchez le micro et changez de visuel à la volée.
-
Synth move
Découvrir → : Synth moveUn synthé d’accords à deux mains, la gauche choisit l’accord, la droite règle volume et tonalité.
-
Thérémine glitch
Découvrir → : Thérémine glitchUn thérémine gestuel, votre corps pilote une note continue au-dessus d’un visuel ASCII génératif.
-
Touch music
Découvrir → : Touch musicInstrument à deux mains avec roues d’accords et clavier mélodique, activés par pincement des doigts.
AUTRES PROJETS
Au-delà des expériences interactives en ligne, je développe des projets sur mesure adaptés à des besoins spécifiques et je concrétise des projets techniques variés :
- Développement Python & logiciels sur mesure : création d’outils dédiés, dont mon propre logiciel de vidéo mapping intégrant mes différentes expériences interactives.
- Création de sites internet sur mesure : conception et intégration web complètes, comme pour le site du Festival Boire la Tasse.
-
Manette Midi
Voir le projet → : Manette MidiUne manette Xbox transformée en contrôleur MIDI pour Logic Pro, avec un éditeur de mapping visuel façon patch-bay où chaque bouton s’allume en direct à l’appui.
-
Sound pong
Voir le projet → : Sound pongUn Pong revisité où les deux raquettes sont pilotées par le volume du micro : criez ou faites du bruit pour les faire monter, silence pour les laisser retomber.
-
Full Caroussel
Voir le projet → : Full CarousselUn diaporama plein écran (photos, GIF, vidéos) qui parcourt seul de gros dossiers d’archives grâce à un moteur de filtres par mots-clés et par arborescence de dossiers.