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 un instrument de musique, la webcam un pinceau, et un clavier MIDI fait danser un pigeon en 3D.
À la fois développeur web et musicien, je conçois des sites sur mesure — du design sur WordPress au développement web sans framework, sans build, juste avec du JavaScript brut. En parallèle, j’explore le potentiel créatif du web à la croisée de l’audio temps réel, de la vision par ordinateur, de la 3D et du visuel génératif.
- 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 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
-

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.
Projets récents
-

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.