Creative Technology · App Development · 2026

SVN AV Motion
Controller

An audio-visual instrument built for the stage — not the studio. Dance, move, perform. The visuals follow.

Role
Concept / Design / Dev
Context
Solo / Creative Tech
Format
Single HTML File
Year
2026

01 — The Problem

A gap I want to fill

The starting point was a gap. TouchDesigner is powerful — but it's not something you open at a gig. The learning curve is steep, the interface is built for studios, and it doesn't care about your set starting in ten minutes. For DJs and live audiovisual artists working smaller stages, indie events, and improvised setups, there was no real middle ground between "too complex" and "not enough control."

So I built one.

SVN AV Motion Controller is a browser-based audiovisual motion tool designed for live performance. The idea was simple: give artists a familiar, readable interface — and let their body do the rest. DJs can use their own dance movements to control visuals in real time. Hand position drives the particle field.

Concept, design, and development: solo. Built for the people who need it most.

FACTS & NUMBERS

6k

Lines of code

7

Visual Modes

2

Tracking Systems

3+

Responsive Modes

02 — The Approach

Creative vibe coding. Iterative, instinct-driven.

No specification document. No wireframes. A blank HTML file and a clear purpose. The question was always: does this feel right in practice — not does this look clean in theory.

  1. 01 — Allow camera access

    The tool uses your webcam for hand tracking via MediaPipe. No data is stored or transmitted — everything runs locally in your browser.

  2. 02 — Hold both hands in front of the camera

    The particle field activates as soon as hands are detected. Move slowly at first — the system responds to position, velocity, and gesture simultaneously.

  3. 03 — Pinch to expand. Victory sign to switch modes.

    Pinch gesture controls the size of the particle field. Victory sign with the left hand locks the current mode. Victory sign with the right hand toggles the camera system.

  4. 04 — Play audio, the visuals react

    Allow microphone access or play music near your device. Bass, mid, and high frequencies drive separate visual parameters in real time.

03 — Live Demo

Try it. Right now.

SVN // VJ Controller runs entirely in the browser — no installation, no account, no setup. Open the file, allow camera access, and the instrument is ready. What you see below is the real tool.

Open the standalone file for the complete experience — all visual modes, detachable panel, two-screen setup, and full camera filter system. Hand tracking requires a front-facing camera and sufficient processing power. Chrome or Edge recommended. Mobile works — but the stage version is built for a bigger screen.

The Development — Documentation

iFrame with interactive 3D content. Move, rotate, zoom and play in the Logo Space. On mobile you can control the scene with two touchpoints.