I am Carlos Adrián Serna = electronic artist;

← Portfolio2026Technologies for artOpen source · Creative Commons

Totuma — Interactive Audiovisual Suite, Livecoding & Videomapping

[Coming Soon] Modular open-source suite for performing arts, live performance, and videomapping. Livecoding in JavaScript, p5.js and GLSL, audio & camera reactivity, MIDI/OSC control, and a rich ecosystem of Injertos.

⚡ Coming Soon · 2026 Launch

Ignite the Stage: The Tool Performing and Visual Arts Needed

Totuma is an open-source modular audiovisual creation and control environment designed for performing arts, live performance, videomapping, and VJing. Running in browser runtimes with native WebGL/WebGPU efficiency, it turns ideas into full-scale stage interventions in seconds: a few clicks and a real-time visual explosion.

1. Clip & Group Management · The Live Performance Engine

How it works: Drag and drop clips into master tracks or cue buses in seconds, organizing them into independent groups with specialized blend modes.

💥 And BOOM! The result: Audiovisual layers merge live with zero latency, enabling instantaneous triggering of complex synchronized scenes.

📐 OPERATING BLUEPRINT WIDGET · DAW ARCHITECTURE & TRACK MANAGEMENT ● INTERACTIVE
DAW ARCHITECTURE & TRACK MANAGEMENT
  1. 1 · Clip Matrix & Decks Independent A/B buses with free or quantized triggering, zero lag and seamless loop playback.
  2. 2 · Preview & Master Monitors Dual GPU-accelerated WebGL monitors: live audition display and clean master output.
  3. 3 · Transport, Tap Tempo & BPM Master clock synchronization with beat quantization and tempo matching.
  4. 4 · Crossfader & Blend Modes Smooth audiovisual crossfades powered by Add, Screen, Multiply, and Luma-Key algorithms.

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

How it works: Open the built-in hot code editor, modifying p5.js algorithms or GLSL shaders directly inside the live interface.

💥 And BOOM! The result: The stage bursts into algorithmic particles, dynamic fractals, and reactive geometries that compile the exact millisecond you type.

📐 OPERATING BLUEPRINT WIDGET · LIVECODING & HOT GLSL SHADERS ● INTERACTIVE
LIVECODING & HOT GLSL SHADERS
  1. A · GLSL Fragment Shader Editor Direct pixel pipeline authoring; instant compilation on keystroke with zero stutter.
  2. B · Dynamic Reactive Uniforms Auto-injected parameters: u_time, u_resolution, u_audio, and live modulators.
  3. C · Real-Time Output Viewport Immediate feedback of particles, mathematical fractals, and generative geometries.
Totuma - Livecoding with JavaScript and p5.js in real time

3. Sensory Reactivity · Sound and Camera Light

How it works: Route system audio or line-in, or point a camera at the stage to track dynamic light intensity and color distributions.

💥 And BOOM! The result: Bass, mids, trebles, and stage luminances transform into organic physical modulators that make visuals pulse and react to the performance.

🎵 Audio Reactivity (FFT Analysis)

Multi-band spectral analysis turning kick transients and harmonic frequencies into organic physical modulators for shaders and blend parameters.

📷 Optical Reactivity (Camera & Light Flow)

Physical stage lighting or spotlights aimed at the camera act as dynamic luminous triggers and real-time spatial coordinates.

4. Precision Videomapping · Corners, Meshes and Warping

How it works: Drag corner pins or subdivide any surface into an elastic Bézier mesh directly on the projection surface.

💥 And BOOM! The result: Visuals lock seamlessly onto scenery volumes, architectural facades, and stage sculptures without requiring third-party tools.

📐 OPERATING BLUEPRINT WIDGET · PRECISION VIDEOMAPPING & BÉZIER WARPING ● INTERACTIVE
PRECISION VIDEOMAPPING & BÉZIER WARPING
  1. 1 · Display & Output Manager Multi-channel output configuration for projectors, LED walls, and auxiliary screens.
  2. 2 · Slice & Polygon Mask Hierarchy Geometric surface segmentation into layered slices with discrete Z-depth ordering.
  3. 3 · Corner-Pinning & Bézier Mesh Handles Elastic deformers compensating for projection angles, lens distortion, and surface curvature.
  4. 4 · Geometric Calibration Inspector Fine edge adjustments, soft-edge edge blending, and vector masking.

5. Modular Effects Chain

How it works: Chain color grading, optical feedback, fluid distortions, and glitch stages in series or parallel with simple drag-and-drop actions.

💥 And BOOM! The result: Instant visual metamorphosis generating endless evocative textures and immersive scenographic environments.

Totuma - Modular effects rack inspector

6. The «Injertos» (Grafts) Ecosystem · Expanding Boundaries

Totuma is built on an extensible architecture accommodating specialized hardware and computer vision plugins known as Injertos:

  • Desmenuzar: Automated architectural videomapping through computer vision. Segments building moldings, openings, and structural planes into projectable masks instantly.
  • Corotos: Body interaction across space without facial recognition, upholding privacy and performer ethics.
  • RGB Laser & External Hardware: Vector laser projection and physical stage actuators driven via the Wenapsis framework.
📐 OPERATING BLUEPRINT WIDGET · «DESMENUZAR» INJERTO · 3D ARCHITECTURAL SEGMENTATION ● INTERACTIVE
«DESMENUZAR» INJERTO · 3D ARCHITECTURAL SEGMENTATION
  1. A · Local Neural Inference Engine SAM 2.1 and Depth Anything V2 with hardware-accelerated multithreaded execution.
  2. B · RANSAC 3D Plane Reconstruction Automated detection of moldings, openings, and facades with metric 3D plane extraction.
  3. C · Direct Export to Totuma Slices Converts architectural structures into mapped projection masks instantly.

🎭 Corotos Injerto · Ethical Body Interaction

Corotos Injerto - Ethical body interaction without tracking

⚡ RGB Laser Injerto · Vector Output

Laser RGB Injerto - Wenapsis hardware control

7. Professional Connectivity · MIDI and OSC Protocol

How it works: Right-click any parameter to map MIDI knobs, faders, or pads. Connect via high-speed OSC to external applications like TouchDesigner, Ableton Live, Resolume, or Processing.

💥 And BOOM! The result: Tactile physical feedback beneath the artist's hands and harmonious orchestration with stage lighting boards.

📐 OPERATING BLUEPRINT WIDGET · DIRECT MIDI CONTROL & OSC PROTOCOL ● INTERACTIVE
DIRECT MIDI CONTROL & OSC PROTOCOL
  1. 1 · Active MIDI Learn Mode Cyan highlights across the interface indicate mappable faders, knobs, and pads.
  2. 2 · Track & Effects Mapping Tactile feedback and motorized fader synchronization with physical performance consoles.
  3. 3 · OSC High-Speed Networking Bidirectional OSC messages to communicate with TouchDesigner, Ableton Live, or DMX desks.

8. Wireless Remote Control Across Devices

How it works: Navigate to Totuma's remote dashboard from any phone or tablet on the same local network.

💥 And BOOM! The result: Trigger scenes, fine-tune filters, and orchestrate visual transitions freely while moving across the stage or audience hall.

Totuma - Touch remote control interface

🛠️ Production & Staging Suite: Tutomaker

Totuma integrates an authoring, preview, and rendering suite (Tutomaker) engineered for composing demonstrations, teasers, and performance sequences with surgical precision:

📐 OPERATING BLUEPRINT WIDGET · PRODUCTION & STAGING SUITE · TUTOMAKER ● INTERACTIVE
PRODUCTION & STAGING SUITE · TUTOMAKER
  1. 1 · Multi-ratio & Resolution Rendering Export to 16:9, vertical 9:16, square 1:1, 4:5 and custom sizes from 240p to 4K UHD with FPS and bitrate control.
  2. 2 · Hot Language Switcher Instant switching between Spanish, English, and French without rebuilding the script.
  3. 3 · Full Typographic Suite Font family, size, weights (100–900), tracking, line-height, color, and alignment per scene.
  4. 4 · Elastic Timeline Engine Precision scene timing (impact cue, delay, duration) with automatic proportional ripple shift.
  5. 5 · Parametric Effect Modulation Real-time tuning of speed, intensity, particle density, and reactive thresholds.
  6. 6 · Spatial Gizmo Transformations Direct viewport dragging to translate, scale, and rotate individual elements or groups.
  7. 7 · Tagged Moments & Stable Object IDs Unique identifiers (e.g. 07-mapping/frase) for accurate reference and collaborative editing.
Tutomaker multi-resolution export panel