Spider Wire
A glowing spider web that breathes with the bass, carries the live waveform along every thread, and throws a shockwave across its silk on each beat.
Spider Wire spins a radial web in the Wire category: six rings of knots tied together by glowing threads. The rings swell with the bass and sway with the mids, each beat sends a bright shockwave racing out from the hub, and the highs throw sparks off the rim. The live waveform travels along every thread from the hub to the rim, so you can watch a sound cross the web. Colors follow the brightness of the music, from blue in a dark, bassy passage toward green and amber as it brightens. Tilt the web, or set the camera on one of its paths, to see it bulge like a sail in the wind, and bead the silk with dew drops. Six looks range from the face-on web to a deep funnel and a red widow web. Spider Wire requires WebGPU; see Browser Support for current platform details.
Open Spider Wire
Launch the visualizer with its matching left-nav entry selected.
Quick start
- Start the demo track, choose a local audio file, or enable a live input.
- Try a preset or style first, then open the section for the part of the image you want to change.
- On a control with Assign modulation, open the source picker, choose a signal, and watch the slider's live fill.
- Use Reset to Defaults whenever you want to return to the original look.
Presets and styles
Orb Weaver · Dew Line · Storm Silk · Funnel Web · Widow Silk · Moonlit Orb
Audio modulation
On a control with Assign modulation, select the activity icon to open Modulate with. Choose a named source, or choose — None to leave the control unmodulated. After you assign one, its name appears below the slider; select that name to edit the route, or use Clear modulation to remove it. The slider track shows the live signal reaching the control.
| Modulated control | Section | What the route changes |
|---|---|---|
| Web Size | Web | Scales the whole web around its hub. |
| Vibration | Web | Sets how far the live waveform swings each thread as it travels across the web. |
| Billow | Web | Bulges the web like a sail in the wind as the bass swells; tilt the view to see its depth. |
| Hub Surge | Web | Sets how far the middle of the web lunges outward when the surge trigger fires. |
| Thread Brightness | Light | Sets how brightly the threads glow. |
| Knot Brightness | Light | Sets how brightly the knots where threads meet glow. |
| Knot Glow | Light | Widens the soft light around each knot. |
| Shockwave | Light | Sets how brightly the ring that races outward on each beat shows. |
| Sparks | Light | Sets how brightly the sparks thrown off the rim by the highs glow. |
| Hue Shift | Light | Turns every color around the color wheel. |
| Color Follow | Light | Sets how far the colors follow the brightness of the sound, from one steady hue at zero to the full blue-to-amber sweep. |
| Dot Density | Silk | Beads the threads with dew drops. Zero leaves the silk bare; raise it for more drops. |
| Point Opacity | Silk | Sets how strongly the dew drops show. |
| Point Size | Silk | Sets the size of each dew drop. |
| Point Glow | Silk | Adds a soft halo around each dew drop. |
| Line Opacity | Silk | Fades the threads without changing the knots or sparks. |
| Tilt | Camera | Tips the web away from a face-on view so its depth and billow show. |
| Spin | Camera | Turns the web slowly about its hub; negative values turn it the other way. |
| Camera Speed | Camera | Sets how fast the camera travels its path. Zero holds the camera still. |
| Camera Travel | Camera | Sets how far the camera wanders from its starting view. |
Settings reference
Web
| Setting | Available values | What it changes |
|---|---|---|
| Web Size | 0.6–1.4 | Scales the whole web around its hub. Use Assign modulation to choose a source. |
| Vibration | 0–2 | Sets how far the live waveform swings each thread as it travels across the web. Use Assign modulation to choose a source. |
| Vibration Travel | 0.1s–2s | Sets how long a sound takes to ripple from the hub to the rim of the web. |
| Billow | 0–2 | Bulges the web like a sail in the wind as the bass swells; tilt the view to see its depth. Use Assign modulation to choose a source. |
| Hub Surge | 0–2 | Sets how far the middle of the web lunges outward when the surge trigger fires. Use Assign modulation to choose a source. |
Light
| Setting | Available values | What it changes |
|---|---|---|
| Thread Brightness | 0.25–2 | Sets how brightly the threads glow. Use Assign modulation to choose a source. |
| Knot Brightness | 0.25–2 | Sets how brightly the knots where threads meet glow. Use Assign modulation to choose a source. |
| Knot Glow | 0.25–2 | Widens the soft light around each knot. Use Assign modulation to choose a source. |
| Shockwave | 0–2 | Sets how brightly the ring that races outward on each beat shows. Use Assign modulation to choose a source. |
| Sparks | 0–2 | Sets how brightly the sparks thrown off the rim by the highs glow. Use Assign modulation to choose a source. |
| Hue Shift | -180°–180° | Turns every color around the color wheel. Use Assign modulation to choose a source. |
| Color Follow | 0–1 | Sets how far the colors follow the brightness of the sound, from one steady hue at zero to the full blue-to-amber sweep. Use Assign modulation to choose a source. |
Silk
| Setting | Available values | What it changes |
|---|---|---|
| Dot Density | 0%–100% | Beads the threads with dew drops. Zero leaves the silk bare; raise it for more drops. Use Assign modulation to choose a source. |
| Point Opacity | 0–1 | Sets how strongly the dew drops show. Use Assign modulation to choose a source. |
| Point Size | 0.5px–8px | Sets the size of each dew drop. Use Assign modulation to choose a source. |
| Point Glow | 0–2 | Adds a soft halo around each dew drop. Use Assign modulation to choose a source. |
| Line Opacity | 0–1 | Fades the threads without changing the knots or sparks. Use Assign modulation to choose a source. |
| Reverse Flow | On / Off | Sends the vibration from the rim in toward the hub instead of outward. |
Camera
| Setting | Available values | What it changes |
|---|---|---|
| Tilt | -75°–75° | Tips the web away from a face-on view so its depth and billow show. Use Assign modulation to choose a source. |
| Spin | -1–1 | Turns the web slowly about its hub; negative values turn it the other way. Use Assign modulation to choose a source. |
| Camera Path | ORBIT, HELIX, DRIFT, SURGE | Chooses the slow travel path the camera follows around the web. |
| Camera Speed | 0–2 | Sets how fast the camera travels its path. Zero holds the camera still. Use Assign modulation to choose a source. |
| Camera Travel | 0–1 | Sets how far the camera wanders from its starting view. Use Assign modulation to choose a source. |
| Reverse Camera | On / Off | Runs the camera path in the opposite direction. |
Audio
| Setting | Available values | What it changes |
|---|---|---|
| Sensitivity | 0–3 | Scales how strongly the whole web answers the music. |
| Response | 0.02–0.8 | Higher values make the web answer the music faster; lower values make it breathe slowly and calmly. |
| Surge Trigger | KICK, SNARE, DROP, OFF | Chooses what makes the middle of the web lunge outward. |
Composite
| Setting | Available values | What it changes |
|---|---|---|
| Background Opacity | 0–1 | Fades the dark backdrop so only the web shows over what is behind it. |
Some controls appear only after you enable a related mode or style. The settings panel always reflects the options available for the current selection.
Tips for a better audio visualization
- Start with Orb Weaver for the face-on web, then choose Funnel Web to see it billow into depth.
- Raise Vibration to make the threads swing harder, and lower Vibration Travel so a sound crosses the web faster.
- Turn on Reverse Flow to send the vibration from the rim in toward the hub.
- Set Color Follow to zero and use Hue Shift to hold one color, as Widow Silk and Moonlit Orb do.
- Raise Dot Density to bead the threads with dew drops; Dew Line shows them tilted toward the light.
- Choose Kick, Snare or Drop under Surge Trigger to decide what makes the middle of the web lunge outward, or Off to keep it still.
- Drag the picture to orbit the web and scroll to move closer. Lower Background Opacity to layer the web over another Studio source.