Vis Exo GUIDE — TOUCHDESIGNER

A Browser-Based Take on TouchDesigner’s Blob Track TOP

Vis Exo mirrors the workflow of TouchDesigner’s Blob Track TOP — contour detection, per-blob centroid tracking, generative overlays — but runs in a browser tab, and can stream the tracked data straight back into TouchDesigner over OSC/WebSockets.

FreeNo SignupRuns Locally

Opens with the Cyber Neon preset already applied

Original sample video frameThe same frame with the Cyber Neon presetOriginalCyber Neon
Drag to compare — both halves rendered by the app at the same moment of a sample clip.
GET THE LOOK

Three steps from this page to a finished clip

  1. 1

    Open the Cyber Neon preset

    The button above opens Vis Exo in Blob Tracking mode with this look already applied — a “Preset loaded” note confirms it.

  2. 2

    Add your footage

    Point your webcam at the scene, or load any MP4, MOV or WebM video.

  3. 3

    Fine-tune and export

    Adjust anything in the sidebar — add a Cinematic LUT, animate it with Keyframes — then Record to save an MP4 or WebM.

TOUCHDESIGNER BASICS

Blob Track TOP or CHOP? The Shortest Workflow

The two questions people search before they build a blob tracker in TouchDesigner — answered, plus the no-install route.

Video Device In TOP Threshold TOP Blob Track TOP Info DAT / Info CHOP

It's a TOP

Blob tracking in TouchDesigner is done with the Blob Track TOP. It works on images, so it lives in the TOP family; its per-blob results (IDs, positions, sizes) are read out as data, typically with an Info DAT or Info CHOP pointed at it.

The shortest network

Camera or movie in, a Threshold TOP to turn the image into a clean black-and-white mask, then Blob Track. Add a Blur TOP before the threshold if the mask is noisy. Exact parameter names vary between TouchDesigner builds.

Or skip the network

Open Vis Exo in Blob mode for the same effect with no install, then stream the blob data into TouchDesigner as live JSON through the built-in OSC / WebSocket panel.

What you get

Why TouchDesigner Alternative Works Here

Contour-based blob detection

Extracts contours and tracks each blob's centroid frame to frame, with threshold, blur, and size filtering exposed as sliders — the same underlying workflow as TouchDesigner’s own Blob Track TOP.

Live OSC / WebSocket telemetry

The TouchDesigner / OSC panel broadcasts per-blob ID, center X/Y, bounding box, and velocity as live JSON over WebSockets, with a ready-to-paste Python receiver DAT script for TouchDesigner.

No patch to build

Threshold, blur, minimum/maximum blob area, and background-subtraction sensitivity are all exposed as sliders — tune the detection without wiring a single TOP/CHOP network.

Generative visuals included

Constellation links, velocity vectors, halo auras, and a dozen other overlay styles render directly on the tracked blobs — useful for previewing a look before rebuilding it natively in TD.

Runs anywhere a browser does

No GPU driver requirements, no project file, no install — useful for a quick prototype on a laptop that doesn’t have TouchDesigner installed at all.

Free, no account required

Every tracking mode, visual style, and export option is available with no signup, watermark, or usage limit.

Frequently Asked Questions

How do I get tracking data into TouchDesigner from this?

Open the TouchDesigner / OSC panel, enable WebSocket streaming, and paste the provided Python DAT script into a Text DAT in TouchDesigner — it parses the incoming JSON into usable CHOP channels.

Is this actually TouchDesigner, or a replacement for it?

Neither — it’s a standalone browser tool that mirrors the Blob Track TOP’s workflow (contour detection, centroid tracking) and can feed live data into an existing TouchDesigner patch over OSC/WebSockets. It doesn’t replace TD’s broader node graph.

What data does the OSC/WebSocket stream include?

Per-blob ID, normalized and pixel-space center coordinates, bounding box width/height, and frame-to-frame velocity vectors, sent as JSON.

Does it work with Max/MSP or Ableton instead of TouchDesigner?

Yes — the stream is plain JSON over a standard WebSocket, so anything that can open a WebSocket client (Max’s [node.script], Ableton via Max for Live, etc.) can consume it, not just TouchDesigner.

Is Blob Track a TOP or a CHOP in TouchDesigner?

Blob tracking uses the Blob Track TOP, since it operates on images. The tracked blob data is read from it as data, typically with an Info DAT or Info CHOP.

What is the shortest blob tracking workflow in TouchDesigner?

A minimal network is Video Device In TOP (or Movie File In) → Threshold TOP → Blob Track TOP, with an Info DAT or Info CHOP to read the blob positions. Add a Blur TOP before the threshold if the mask is noisy.

Is there a free way to do blob tracking like TouchDesigner?

TouchDesigner offers a free Non-Commercial license. Vis Exo is a separate free alternative that runs in the browser with no install, and can stream its blob data into TouchDesigner.

TAKE IT FURTHER

Make the Look Your Own

Ready to try Cyber Neon?

Free, no signup, and your footage never leaves this browser tab.