Backgrounds

Volumetric Light

Volumetric Light 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

Volumetric Light 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 Volumetric Light

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.

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
Path ScaleCoreSets the visual path scale.
Group ScaleCoreSets the visual group scale.
Group ZCoreControls group z; higher values increase the effect and lower values reduce it.
Group Rotation YCoreSets the group rotation y of the visible composition.
Tube RadiusCoreSets the visible tube radius.
Follow RadiusCoreSets the visible follow radius.
Follow Y OffsetCoreControls follow y offset; higher values increase the effect and lower values reduce it.
Follow Z JitterCoreSets how irregular or unpredictable the follow z jitter appears.
Dust SizeCoreSets the visible dust size.
Dust OpacityCoreSets how transparent the dust appears.
Dust SpeedCoreSets how quickly dust changes or moves.
Dust Pulse SpeedCoreSets how quickly dust pulse changes or moves.
Dust Pulse AmountCoreSets how much the dust size changes during its pulse.
Line MetalnessMaterialMoves the surface from non-metallic toward metallic.
Line RoughnessMaterialMoves the surface from polished toward matte.
Line EmissiveMaterialControls line emissive; higher values increase the effect and lower values reduce it.
AmbientMaterialControls the scene-wide fill light.
DirectionalMaterialControls directional; higher values increase the effect and lower values reduce it.
Point IntensityMaterialSets the visible point intensity.
Point DistanceMaterialSets the spacing between visible elements.
Point DecayMaterialSets how long point decay remains visible.
Point Sphere SizeMaterialSets the visible point sphere size.
Bloom StrengthMaterialSets the visible bloom strength.
Bloom RadiusMaterialSets the visible bloom radius.
Bloom ThresholdMaterialSets the level that must be crossed before bloom appears.
Ray FadeMaterialSets how long ray fade remains visible.
Ray WeightMaterialControls ray weight; higher values increase the effect and lower values reduce it.
Ray DensityMaterialControls how concentrated the visible elements appear.
Ray ExposureMaterialSets the overall rendered brightness.
Bokeh RadiusMaterialSets the visible bokeh radius.
Bokeh AmountMaterialSets the strength of the bokeh highlights.
Bokeh ContrastMaterialControls bokeh contrast; higher values increase the effect and lower values reduce it.
Bokeh Blur XMaterialSoftens edges and spreads nearby light or color.
Bokeh Blur YMaterialSoftens edges and spreads nearby light or color.
Bokeh OuterMaterialControls bokeh outer; higher values increase the effect and lower values reduce it.
Bokeh CenterMaterialControls bokeh center; higher values increase the effect and lower values reduce it.
Line Hue SpeedColorsSets how quickly line hue changes or moves.
Backdrop Hue SpeedColorsSets how quickly backdrop hue changes or moves.
Follow Hue SpeedColorsSets how quickly follow hue changes or moves.
Look At XCameraControls look at x; higher values increase the effect and lower values reduce it.
Look At YCameraControls look at y; higher values increase the effect and lower values reduce it.
Look At ZCameraControls look at z; higher values increase the effect and lower values reduce it.
Mouse GainCameraSets how strongly the input signal affects mouse.
Mouse LerpCameraControls mouse lerp; higher values increase the effect and lower values reduce it.
Mouse DampingCameraBalances immediate audio response against steadier motion.

Settings reference

Glass Blur

SettingAvailable valuesWhat it changes
Enable BlurOn / OffTurns blur on or off.
Blur1px–50pxSoftens edges and spreads nearby light or color.

Presets

SettingAvailable valuesWhat it changes
PresetDEFAULT, DEEP SPACE, CYBERNETICChooses the preset mode or style.

Core

SettingAvailable valuesWhat it changes
Model SourceORIGINAL DOG, T-REX SKELETON, CUSTOM MODELChooses the model source mode or style.
Custom Path (Json Or Glb)TextSets the text used for custom path (json or glb).
Path Scale0.1–3Sets the visual path scale. Use Assign modulation to choose a source.
Group Scale0.005–0.2Sets the visual group scale. Use Assign modulation to choose a source.
Group Z-5–8Controls group z; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.
Group Rotation Y-3.15–3.15Sets the group rotation y of the visible composition. Use Assign modulation to choose a source.
Path Count1–200Sets how many visible elements are drawn.
Tube Segments100–5000Sets how many divisions form the visible shape.
Tube Radius0.001–0.4Sets the visible tube radius. Use Assign modulation to choose a source.
Tube Sides3–20Sets how many divisions form the visible shape.
Draw Duration1s–90sControls draw duration; higher values increase the effect and lower values reduce it.
Draw LoopOn / OffTurns draw loop on or off.
Draw Delay Spread0–1Controls how far elements separate from the center or from one another.
Backdrop SphereOn / OffTurns backdrop sphere on or off.
Backdrop Radius5–100Sets the visible backdrop radius.
Follow LinesOn / OffTurns follow lines on or off.
Follow Count1–24Sets how many visible elements are drawn.
Follow Segments50–2500Sets how many divisions form the visible shape.
Follow Radius0.0005–0.08Sets the visible follow radius. Use Assign modulation to choose a source.
Follow Sides3–16Sets how many divisions form the visible shape.
Follow Y Offset0–1Controls follow y offset; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.
Follow Z Jitter0–1Sets how irregular or unpredictable the follow z jitter appears. Use Assign modulation to choose a source.
Follow Draw Duration1s–60sControls follow draw duration; higher values increase the effect and lower values reduce it.
Follow Draw LoopOn / OffTurns follow draw loop on or off.
Follow Trim Count0–12000Sets how many visible elements are drawn.
DustOn / OffTurns dust on or off.
Dust Count8–500Sets how many visible elements are drawn.
Dust Size0.01–1Sets the visible dust size. Use Assign modulation to choose a source.
Dust Size Range0–1Sets the visible dust size range.
Dust Opacity0–1Sets how transparent the dust appears. Use Assign modulation to choose a source.
Dust Speed0–0.5Sets how quickly dust changes or moves. Use Assign modulation to choose a source.
Dust Drift X0–0.1Controls dust drift x; higher values increase the effect and lower values reduce it.
Dust Drift Y0–0.1Controls dust drift y; higher values increase the effect and lower values reduce it.
Dust Drift Z0–0.2Controls dust drift z; higher values increase the effect and lower values reduce it.
Dust Bound X1–20Controls dust bound x; higher values increase the effect and lower values reduce it.
Dust Bound Y Min-20–20Controls dust bound y min; higher values increase the effect and lower values reduce it.
Dust Bound Y Max-20–20Controls dust bound y max; higher values increase the effect and lower values reduce it.
Dust Bound Z1–20Controls dust bound z; higher values increase the effect and lower values reduce it.
Dust Rotation Speed0–0.02Sets how quickly dust rotation changes or moves.
Dust Pulse Speed0–8Sets how quickly dust pulse changes or moves. Use Assign modulation to choose a source.
Dust Pulse Amount0–0.05Sets how much the dust size changes during its pulse. Use Assign modulation to choose a source.

Material

SettingAvailable valuesWhat it changes
Line Metalness0–1Moves the surface from non-metallic toward metallic. Use Assign modulation to choose a source.
Line Roughness0–1Moves the surface from polished toward matte. Use Assign modulation to choose a source.
Line Emissive0–2Controls line emissive; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.
Follow Emissive0–2Controls follow emissive; higher values increase the effect and lower values reduce it.
Ambient0–2Controls the scene-wide fill light. Use Assign modulation to choose a source.
Directional0–3Controls directional; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.
Directional X-20–20Controls directional x; higher values increase the effect and lower values reduce it.
Directional Y-20–20Controls directional y; higher values increase the effect and lower values reduce it.
Directional Z-20–20Controls directional z; higher values increase the effect and lower values reduce it.
Point Intensity0–8Sets the visible point intensity. Use Assign modulation to choose a source.
Point Distance0–20Sets the spacing between visible elements. Use Assign modulation to choose a source.
Point Decay0–4Sets how long point decay remains visible. Use Assign modulation to choose a source.
Point Sphere Size0.005–0.3Sets the visible point sphere size. Use Assign modulation to choose a source.
Bloom Strength0–4Sets the visible bloom strength. Use Assign modulation to choose a source.
Bloom Radius0–2Sets the visible bloom radius. Use Assign modulation to choose a source.
Bloom Threshold0–2Sets the level that must be crossed before bloom appears. Use Assign modulation to choose a source.
Ray Fade0–2.5Sets how long ray fade remains visible. Use Assign modulation to choose a source.
Ray Samples1–80Trades visual detail against performance.
Ray Weight0–0.05Controls ray weight; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.
Ray Decay0.5–1Sets how long ray decay remains visible.
Ray Density0–2Controls how concentrated the visible elements appear. Use Assign modulation to choose a source.
Ray Exposure0–6Sets the overall rendered brightness. Use Assign modulation to choose a source.
Bokeh Radius0–4Sets the visible bokeh radius. Use Assign modulation to choose a source.
Bokeh Amount0–4Sets the strength of the bokeh highlights. Use Assign modulation to choose a source.
Bokeh Contrast0–2Controls bokeh contrast; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.
Bokeh Blur X0–3Softens edges and spreads nearby light or color. Use Assign modulation to choose a source.
Bokeh Blur Y0–3Softens edges and spreads nearby light or color. Use Assign modulation to choose a source.
Bokeh Outer0–2Controls bokeh outer; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.
Bokeh Center0–2Controls bokeh center; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.
Bokeh Samples1–120Trades visual detail against performance.
Auto Bokeh By PathOn / OffTurns auto bokeh by path on or off.
Auto Min Radius0–4Sets the visible auto min radius.
Auto Base Radius0–6Sets the visible auto base radius.
Auto Radius Slope0–30Sets the visible auto radius slope.
Auto Center Scale0–2Sets the visual auto center scale.
Auto Outer Scale0–2Sets the visual auto outer scale.
Pulse1 Start0–1Controls pulse1 start; higher values increase the effect and lower values reduce it.
Pulse1 End0–1Controls pulse1 end; higher values increase the effect and lower values reduce it.
Pulse2 Start0–1Controls pulse2 start; higher values increase the effect and lower values reduce it.
Pulse2 End0–1Controls pulse2 end; higher values increase the effect and lower values reduce it.
Pulse Amplitude0–4Controls the distance of the motion from its resting position.

Colors

SettingAvailable valuesWhat it changes
Line ColorColorSets the line color.
Line Auto HueOn / OffTurns line auto hue on or off.
Line Hue Speed0–2Sets how quickly line hue changes or moves. Use Assign modulation to choose a source.
Backdrop ColorColorSets the backdrop color.
Backdrop Auto HueOn / OffTurns backdrop auto hue on or off.
Backdrop Hue Speed0–2Sets how quickly backdrop hue changes or moves. Use Assign modulation to choose a source.
Follow ColorColorSets the follow color.
Follow Auto HueOn / OffTurns follow auto hue on or off.
Follow Hue Speed0–2Sets how quickly follow hue changes or moves. Use Assign modulation to choose a source.

Audio

SettingAvailable valuesWhat it changes
Master Gain0–3Sets 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.

Camera

SettingAvailable valuesWhat it changes
Auto PathOn / OffTurns auto path on or off.
Path Duration1s–60sControls path duration; higher values increase the effect and lower values reduce it.
Path LoopOn / OffTurns path loop on or off.
Use Look AtOn / OffTurns use look at on or off.
Look At X-10–10Controls look at x; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.
Look At Y-10–10Controls look at y; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.
Look At Z-10–10Controls look at z; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.
Mouse LookOn / OffTurns mouse look on or off.
Mouse Gain0–0.02Sets how strongly the input signal affects mouse. Use Assign modulation to choose a source.
Mouse Lerp0–0.05Controls mouse lerp; higher values increase the effect and lower values reduce it. Use Assign modulation to choose a source.
Mouse Damping0.01–1.5Balances immediate audio response against steadier motion. Use Assign modulation to choose a source.
Kf1 X-20–20Controls kf1 x; higher values increase the effect and lower values reduce it.
Kf1 Y-20–20Controls kf1 y; higher values increase the effect and lower values reduce it.
Kf1 Z-20–20Controls kf1 z; higher values increase the effect and lower values reduce it.
Kf2 X-20–20Controls kf2 x; higher values increase the effect and lower values reduce it.
Kf2 Y-20–20Controls kf2 y; higher values increase the effect and lower values reduce it.
Kf2 Z-20–20Controls kf2 z; higher values increase the effect and lower values reduce it.
Kf3 X-20–20Controls kf3 x; higher values increase the effect and lower values reduce it.
Kf3 Y-20–20Controls kf3 y; higher values increase the effect and lower values reduce it.
Kf3 Z-20–20Controls kf3 z; higher values increase the effect and lower values reduce it.
Kf4 X-20–20Controls kf4 x; higher values increase the effect and lower values reduce it.
Kf4 Y-20–20Controls kf4 y; higher values increase the effect and lower values reduce it.
Kf4 Z-20–20Controls kf4 z; higher values increase the effect and lower values reduce it.
Rot Y1-3.15–3.15Controls rot y1; higher values increase the effect and lower values reduce it.
Rot Y2-3.15–3.15Controls rot y2; higher values increase the effect and lower values reduce it.
Rot Y3-3.15–3.15Controls rot y3; higher values increase the effect and lower values reduce it.
Rot Y4-3.15–3.15Controls rot y4; higher values increase the effect and lower values reduce it.

Animation

SettingAvailable valuesWhat it changes
Light Path Duration1s–60sControls light path duration; higher values increase the effect and lower values reduce it.
Light Path LoopOn / OffTurns light path loop on or off.
Light Kf1 X-15–15Controls light kf1 x; higher values increase the effect and lower values reduce it.
Light Kf1 Y-15–15Controls light kf1 y; higher values increase the effect and lower values reduce it.
Light Kf1 Z-15–15Controls light kf1 z; higher values increase the effect and lower values reduce it.
Light Kf2 X-15–15Controls light kf2 x; higher values increase the effect and lower values reduce it.
Light Kf2 Y-15–15Controls light kf2 y; higher values increase the effect and lower values reduce it.
Light Kf2 Z-15–15Controls light kf2 z; higher values increase the effect and lower values reduce it.
Light Kf3 X-15–15Controls light kf3 x; higher values increase the effect and lower values reduce it.
Light Kf3 Y-15–15Controls light kf3 y; higher values increase the effect and lower values reduce it.
Light Kf3 Z-15–15Controls light kf3 z; higher values increase the effect and lower values reduce it.
Light Kf4 X-15–15Controls light kf4 x; higher values increase the effect and lower values reduce it.
Light Kf4 Y-15–15Controls light kf4 y; higher values increase the effect and lower values reduce it.
Light Kf4 Z-15–15Controls light kf4 z; 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 Path Scale, then compare Mid, High, and Volume while the demo track plays. The slider's live fill shows the signal reaching that control.