Tango Visualizer

TANGO VISUALIZER // CHOREOGRAPHED VISUALIZER 

No parent rotation. Core locked at center.

A 30 second choreographed loop in 5 phases:

0-6s   Approach — Slow Lure

6-14s  Close Wrap — Tango Fold

14-22s Fluid Undulation — Body Roll

22-27s Crescendo — Passionate Sweep

27-30s Release — Reset

Each phase drives rotSpeed (-60° to 180°/s), reactivity, pulseBoost, spacing, seduction.

Tech:

- Canvas 2D, single <canvas> w/ DPR scaling, #050508 background + radial vignette

- 64 starfield particles, 0.2-1.4px

- Rings: 1-13 (default 9), Per Ring: 8-32 (default 13) = 117 max particles

- Base Radius 60px, Ring Spacing 28px, Particle Size 2.6px

- Color lerp #f23380 -> #661acc via inner/outer per ring index

- Super Structure: 420px / 340px and 580px / 460px ellipses at 0.08-0.09 alpha, -8°/s + 5°/s, dashed 620x500 orbit

- Orbit Guides: per-ring ellipse with dash [2,8] / [1,6]

- Audio: Mic optional — Analyser fftSize 512, low band 0-6 avg + mid 10-30 avg. If no mic, fake synth sin(V*1.7) + sin(V*2.4). reactivity 6.5x default

- Pulse: center glow 14 + (pulseScale + energy*1.8)*2.2, white core 0.38r + ring 0.72r

- Perf: FPS counter, frame-capped delta 0.033s

Controls: Rings / Per Ring / Base Radius / Ring Spacing / Particle Size / Reactivity / Orbit Speed / Pulse Scale + toggles for Orbit Guides, Super Structure, Pause Choreo, Enable Mic, Reset.

Clean Edition fix: parent transform.Rotate removed. No shadowBlur. Clean circles.

Built in one React file. Inter font. No assets.

DEVELOPER NOTES:

This build is entirely in HTML5 and based on a Unity prototype.

If you would like me to update and expand this file please consider donating.

Let me know in the comments what desired improvements or bugs you experience and we will update it for Version 2.

The Tango Visualizer is free to play, if you would like to purchase the zip file you can use the source code to The Tango Visualizer in your projects.

In v2 we are planning to fix the abrupt looping and add different styles and dances.