Je suis Carlos Adrián Serna = artiste électronique;

← Portfolio2026Technologies pour l’artCode ouvert · Creative Commons

Totuma — Suite audiovisuelle interactive, livecoding et videomapping

[Bientôt disponible] Suite libre et modulaire pour les arts de la scène, la performance live et le vidéomapping. Livecoding en JavaScript, p5.js et GLSL, réactivité au son et à la lumière, contrôle MIDI/OSC et écosystème d'Injertos.

⚡ Bientôt disponible · Lancement 2026

Illuminez la scène : L'outil attendu par les arts vivants et visuels

Totuma est un environnement modulaire open source de création et de contrôle audiovisuel interactif, conçu pour le spectacle vivant, la performance scénique, le vidéomapping et le VJing. Conçu dans le navigateur tout en offrant des performances natives WebGL/WebGPU, il permet de passer d'une idée à une scénographie vivante en quelques secondes : deux clics et une explosion visuelle en temps réel.

1. Gestion des clips et des groupes · Le moteur du live

Comment faire : En quelques clics, glissez-déposez des clips dans la timeline ou les pistes maîtresses, en les organisant dans des groupes indépendants dotés de modes de fusion personnalisés.

💥 Et boum ! Le résultat : Les couches audiovisuelles fusionnent en direct sans la moindre coupure ni latence perceptible, déclenchant instantanément des scènes synchronisées complexes.

📐 WIDGET PLAN & FONCTIONNEMENT · ARCHITECTURE DAW & GESTION DES PISTES ● INTERACTIF
ARCHITECTURE DAW & GESTION DES PISTES
  1. 1 · Matrice de clips et decks Bus A/B indépendants avec déclenchement libre ou quantifié, sans interruption ni latence.
  2. 2 · Moniteurs de prévisualisation & sortie Double moniteur WebGL accéléré par GPU : pré-écoute visuelle et sortie principale directe.
  3. 3 · Transport, Tap Tempo & BPM Horloge maîtresse de synchronisation avec quantification au tempo et alignement rythmique.
  4. 4 · Crossfader & modes de fusion Transition fluide entre couches audiovisuelles avec algorithmes Add, Screen, Multiply et Luma-Key.

2. Creative Coding & Livecoding · JavaScript, p5.js et GLSL

Comment faire : Ouvrez l'éditeur intégré de code à chaud, écrivez ou modifiez des algorithmes p5.js ou des shaders GLSL directement dans l'interface.

💥 Et boum ! Le résultat : La scène s'illumine de particules mathématiques, de fractales dynamiques et de géométries réactives qui compilent à la milliseconde exacte où vous tapez.

📐 WIDGET PLAN & FONCTIONNEMENT · LIVECODING & SHADERS GLSL EN DIRECT ● INTERACTIF
LIVECODING & SHADERS GLSL EN DIRECT
  1. A · Éditeur de shader de fragments (GLSL) Édition directe du pipeline de pixels ; compilation instantanée à chaque frappe sans interruption.
  2. B · Uniformes dynamiques réactifs Paramètres injectés automatiquement : u_time, u_resolution, u_audio et modulateurs externes.
  3. C · Fenêtre de rendu en temps réel Affichage immédiat des particules, fractales et géométries mathématiques génératives.
Totuma - Livecoding avec JavaScript et p5.js en direct

3. Réactivité sensorielle · Audio et lumière de caméra

Comment faire : Sélectionnez le micro système ou une entrée ligne, ou orientez une caméra vers le plateau pour capter les flux de lumière et de couleur.

💥 Et boum ! Le résultat : Graves, médiums, aigus et sources lumineuses deviennent des modulateurs physiques en temps réel. Les visuels vibrent et se métamorphosent au rythme de chaque respiration musicale ou éclat sur scène.

🎵 Réactivité audio (Analyse FFT)

Analyse spectrale par bandes transformant les basses (kick), médiums et transitoires en modulateurs organiques pour les shaders et les paramètres de mixage.

📷 Réactivité optique (Lumière & Caméra)

L'éclairage scénique ou des faisceaux lumineux dirigés vers la caméra agissent comme déclencheurs dynamiques et coordonnées spatiales en temps réel.

4. Vidéomapping de haute précision · Coins, maillages et déformation

Comment faire : Déplacez les quatre coins (corner pinning) ou subdivisez la surface en un maillage Bézier élastique pour épouser la géométrie.

💥 Et boum ! Le résultat : L'image s'ajuste au millimètre près sur n'importe quel volume scénographique, façade ou bas-relief architectural sans logiciel tiers.

📐 WIDGET PLAN & FONCTIONNEMENT · VIDÉOMAPPING & DÉFORMATION BÉZIER ● INTERACTIF
VIDÉOMAPPING & DÉFORMATION BÉZIER
  1. 1 · Gestionnaire d'écrans et de sorties Configuration multicanal pour projecteurs, murs LED et écrans auxiliaires.
  2. 2 · Liste des slices et masques Segmentation géométrique en tranches indépendantes avec gestion de profondeur Z.
  3. 3 · Coins Corner-Pinning & maillage Bézier Poignées élastiques pour compenser la perspective et la distorsion optique des projecteurs.
  4. 4 · Inspecteur de calibration géométrique Ajustement précis des arêtes, fondu de bords (edge blending) et masquage vectoriel.

5. Chaîne d'effets modulaires

Comment faire : Enchaînez filtres colorimétriques, boucle de rétroaction (feedback), distorsions optiques et glitches en série ou en parallèle par simple glisser-déposer.

💥 Et boum ! Le résultat : Une métamorphose radicale de la matière visuelle générant des textures infinies et des atmosphères enveloppantes.

Totuma - Inspecteur de la chaîne d'effets modulaires

6. Écosystème des « Injertos » (Greffons) · Repousser les limites

Totuma repose sur une architecture ouverte permettant d'intégrer des modules matériels et de vision par ordinateur spécialisés appelés Injertos :

  • Desmenuzar : Vidéomapping et segmentation architecturale automatique par vision par ordinateur. Analyse les façades et découpe moulures, ouvertures et reliefs en masques projetables instantanés.
  • Corotos : Interactivité corporelle spatiale sans reconnaissance faciale ni capture d'identité, garantissant l'éthique et la vie privée des artistes et du public.
  • Laser RGB & Appareils externes : Projection vectorielle par laser RGB et contrôle d'actionneurs scéniques physiques via l'écosystème Wenapsis.
📐 WIDGET PLAN & FONCTIONNEMENT · INJERTO « DESMENUZAR » · SEGMENTATION ARCHITECTURALE 3D ● INTERACTIF
INJERTO « DESMENUZAR » · SEGMENTATION ARCHITECTURALE 3D
  1. A · Moteur d'inférence neuronale locale Modèles SAM 2.1 et Depth Anything V2 avec accélération matérielle multiprocessus WebGPU.
  2. B · Reconstruction de plans RANSAC Détection automatique de moulures, baies et façades avec ajustement métrique de plans 3D.
  3. C · Exportation directe en slices Totuma Convertit la segmentation architecturale en masques de projection mappés instantanément.

🎭 Injerto Corotos · Interaction corporelle éthique

Injerto Corotos - Interaction corporelle sans capture de visage

⚡ Injerto Laser RGB · Projection vectorielle

Injerto Laser RGB - Matériel Wenapsis

7. Connectivité professionnelle · MIDI et protocole OSC

Comment faire : Clic droit sur n'importe quel paramètre pour assigner instantanément potentiomètres, faders ou pads MIDI. Connexion bidirectionnelle OSC pour dialoguer avec des logiciels externes (TouchDesigner, Ableton Live, Resolume ou Processing).

💥 Et boum ! Le résultat : Un retour physique immédiat sous les doigts de l'artiste ou une intégration orchestrée avec les jeux d'éclairage du théâtre.

📐 WIDGET PLAN & FONCTIONNEMENT · CONTRÔLE MIDI DIRECT & PROTOCOLE OSC ● INTERACTIF
CONTRÔLE MIDI DIRECT & PROTOCOLE OSC
  1. 1 · Mode MIDI Learn actif Surlignage cyan dans toute l'interface pour assigner les contrôleurs physiques immédiatement.
  2. 2 · Mappage des pistes et effets Réponse tactile et faders motorisés synchronisés avec la régie de direct.
  3. 3 · Interconnexion réseau OSC Entrée et sortie de messages OSC pour échanger avec TouchDesigner, Ableton ou des consoles DMX.

8. Contrôle à distance sans fil multi-appareils

Comment faire : Ouvrez l'URL de télécommande de Totuma depuis une tablette ou un smartphone connecté au même réseau local.

💥 Et boum ! Le résultat : Contrôlez clips, effets, intensités et déclenchements scéniques tout en vous déplaçant librement dans la salle ou sur le plateau.

Totuma - Interface tactile de télécommande sans fil

🛠️ Suite de production et de montage : Tutomaker

Totuma intègre un outil de montage, composition et rendu haute précision (Tutomaker) conçu pour concevoir démonstrations, teasers et présentations scéniques avec un contrôle chirurgical :

📐 WIDGET PLAN & FONCTIONNEMENT · SUITE DE MONTAGE ET DE PRODUCTION · TUTOMAKER ● INTERACTIF
SUITE DE MONTAGE ET DE PRODUCTION · TUTOMAKER
  1. 1 · Rendu multi-résolutions & formats Exportation directe en 16:9, vertical 9:16, carré 1:1, 4:5 et dimensions sur mesure du 240p au 4K UHD avec contrôle du débit et des FPS.
  2. 2 · Sélecteur de langue à chaud Bascule immédiate entre espagnol, anglais et français sans reconstruire le scénario.
  3. 3 · Éditeur typographique complet Police de caractères, taille, graisse (100–900), approche, interligne, couleur et alignement par séquence.
  4. 4 · Contrôle temporel élastique Ajustement précis des durées par moment (impact, début, durée) avec décalage proportionnel automatique des pistes.
  5. 5 · Modification paramétrique des effets Réglage en temps réel de la vitesse, intensité, densité et seuils réactifs.
  6. 6 · Transformation spatiale par Gizmo Glisser-déposer interactif dans le canevas pour déplacer, faire pivoter et redimensionner éléments ou groupes.
  7. 7 · Timeline étiquetée et identifiants stables Identifiants persistants (ex. 07-mapping/frase) pour le référencement précis et l'édition collaborative.
Panneau d'exportation multi-résolution Tutomaker