Backgrounds

Cubic Debris

Cubic Debris is an ambient full-canvas background in BeamTracer Audio Visualizers. Shape its response in your browser with settings, audio modulation, presets, and tips.

Default demo track · live audio-reactive settings

Cubic Debris is an ambient full-canvas background in the Backgrounds category. Open it from the left visualizer list, start an audio source, and use the settings panel to shape its response.

Open Cubic Debris

Launch the visualizer with its matching left-nav entry selected.

Quick start

  1. Start the demo track, choose a local audio file, or enable a live input.
  2. Try a preset or style first, then open the section for the part of the image you want to change.
  3. On a control with Assign modulation, open the source picker, choose a signal, and watch the slider's live fill.
  4. Use Reset to Defaults whenever you want to return to the original look.

Presets and styles

Default · Neon Drift · Scorched · Deep Space · Gold Dust · Hyperdrive

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 controlSectionWhat the route changes
BlurGlass BlurSoftens edges and spreads nearby light or color.
DirectionalMaterialControls directional; higher values increase the effect and lower values reduce it.
Dir XMaterialControls dir x; higher values increase the effect and lower values reduce it.
Dir YMaterialControls dir y; higher values increase the effect and lower values reduce it.
Dir ZMaterialControls dir z; higher values increase the effect and lower values reduce it.
Point 1MaterialControls point 1; higher values increase the effect and lower values reduce it.
Point 1 DistMaterialControls point 1 dist; higher values increase the effect and lower values reduce it.
Point 1 XMaterialControls point 1 x; higher values increase the effect and lower values reduce it.
Point 1 YMaterialControls point 1 y; higher values increase the effect and lower values reduce it.
Point 1 ZMaterialControls point 1 z; higher values increase the effect and lower values reduce it.
Point 2MaterialControls point 2; higher values increase the effect and lower values reduce it.
Point 2 DistMaterialControls point 2 dist; higher values increase the effect and lower values reduce it.
Point 2 XMaterialControls point 2 x; higher values increase the effect and lower values reduce it.
Point 2 YMaterialControls point 2 y; higher values increase the effect and lower values reduce it.
Point 2 ZMaterialControls point 2 z; higher values increase the effect and lower values reduce it.
Hue Speed (Dir)ColorsSets how quickly hue (dir) changes or moves.
Hue Shift (Dir)ColorsMoves the color around the color spectrum.
Hue Speed (Pt 1)ColorsSets how quickly hue (pt 1) changes or moves.
Hue Shift (Pt 1)ColorsMoves the color around the color spectrum.
Hue Speed (Pt 2)ColorsSets how quickly hue (pt 2) changes or moves.
Hue Shift (Pt 2)ColorsMoves the color around the color spectrum.
Hue Speed (Bg)ColorsSets how quickly hue (bg) changes or moves.
Hue Shift (Bg)ColorsMoves the color around the color spectrum.
Amplitude SpeedAnimationControls the distance of the motion from its resting position.
Rot Speed XAnimationSets how quickly rot x changes or moves.
Rot Speed YAnimationSets how quickly rot y changes or moves.
Rot Speed ZAnimationSets how quickly rot z changes or moves.

Settings reference

Glass Blur

SettingAvailable valuesWhat it changes
Enable BlurOn / OffTurns blur on or off.
Blur1px–50pxSoftens edges and spreads nearby light or color. Use Assign modulation to choose a source.

Core

SettingAvailable valuesWhat it changes
Cube Count1000–150000Sets how many visible elements are drawn.
Spread1000–12000Controls how far elements separate from the center or from one another.
Cube Size2–40Sets the visible cube size.

Material

SettingAvailable valuesWhat it changes
Directional0–4Controls directional; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.
Dir X-2–2Controls dir x; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.
Dir Y-2–2Controls dir y; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.
Dir Z-2–2Controls dir z; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.
Point 10–6Controls point 1; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.
Point 1 Dist0–12000Controls point 1 dist; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.
Point 1 X-4000–4000Controls point 1 x; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.
Point 1 Y-4000–4000Controls point 1 y; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.
Point 1 Z-4000–4000Controls point 1 z; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.
Point 20–6Controls point 2; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.
Point 2 Dist0–12000Controls point 2 dist; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.
Point 2 X-4000–4000Controls point 2 x; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.
Point 2 Y-4000–4000Controls point 2 y; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.
Point 2 Z-4000–4000Controls point 2 z; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.

Colors

SettingAvailable valuesWhat it changes
DirectionalColorSets the directional.
Auto Hue (Dir)On / OffTurns auto hue (dir) on or off.
Hue Speed (Dir)0–1Sets how quickly hue (dir) changes or moves. Use Assign modulation to choose a source.
Hue Shift (Dir)0–1Moves the color around the color spectrum. Use Assign modulation to choose a source.
Point 1ColorSets the point 1.
Auto Hue (Pt 1)On / OffTurns auto hue (pt 1) on or off.
Hue Speed (Pt 1)0–1Sets how quickly hue (pt 1) changes or moves. Use Assign modulation to choose a source.
Hue Shift (Pt 1)0–1Moves the color around the color spectrum. Use Assign modulation to choose a source.
Point 2ColorSets the point 2.
Auto Hue (Pt 2)On / OffTurns auto hue (pt 2) on or off.
Hue Speed (Pt 2)0–1Sets how quickly hue (pt 2) changes or moves. Use Assign modulation to choose a source.
Hue Shift (Pt 2)0–1Moves the color around the color spectrum. Use Assign modulation to choose a source.
BackgroundColorSets the background.
Auto Hue (Bg)On / OffTurns auto hue (bg) on or off.
Hue Speed (Bg)0–1Sets how quickly hue (bg) changes or moves. Use Assign modulation to choose a source.
Hue Shift (Bg)0–1Moves the color around the color spectrum. Use Assign modulation to choose a source.

Audio

SettingAvailable valuesWhat it changes
Master Gain0–4Sets how strongly the input signal affects master.
Bass Intensity0–3Sets the visible bass intensity.
Mid Intensity0–3Sets the visible mid intensity.
High Intensity0–3Sets the visible high intensity.
Smoothing0.01–1Balances immediate audio response against steadier motion.

Animation

SettingAvailable valuesWhat it changes
Amplitude Speed0–8Controls the distance of the motion from its resting position. Use Assign modulation to choose a source.
Rot Speed X-0.2–0.2Sets how quickly rot x changes or moves. Use Assign modulation to choose a source.
Rot Speed Y-0.2–0.2Sets how quickly rot y changes or moves. Use Assign modulation to choose a source.
Rot Speed Z-0.2–0.2Sets how quickly rot z changes or moves. Use Assign modulation to choose a source.

Camera

SettingAvailable valuesWhat it changes
FOV20–120Widens or narrows the camera view.
Near0.1–50Controls near; higher values increase the effect and lower values reduce it.
Far1000–20000Controls far; higher values increase the effect and lower values reduce it.
Camera Y-4000–4000Controls camera y; higher values increase the effect and lower values reduce it.
Camera Z200–10000Controls camera z; higher values increase the effect and lower values reduce it.
Mouse Lerp0.001–0.2Controls mouse lerp; higher values increase the effect and lower values reduce it.
Mouse Influence X0–3000Controls mouse influence x; higher values increase the effect and lower values reduce it.
Mouse Influence Y0–3000Controls mouse influence y; higher values increase the effect and lower values reduce 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

  • Use lower modulation amounts than you would for a foreground effect so the background supports the mix instead of competing with it.
  • Try assigning Bass to Blur, then compare Mid, High, and Volume while the demo track plays. The slider's live fill shows the signal reaching that control.