Backgrounds

Background Cylinders

Background Cylinders 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

Background Cylinders 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 Background Cylinders

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 City · Organic Flow · Crystal Grid · Warm Glow · Deep Space · Minimal Chrome

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
Light 1 IntensityColorsSets the visible light 1 intensity.
Light 2 IntensityColorsSets the visible light 2 intensity.
Hue SpeedColorsSets how quickly hue changes or moves.
Base SpeedAnimationSets how quickly base changes or moves.
Depth ScaleAnimationSets the visible depth scale.
Inner RadiusAnimationSets the visible inner radius.
Outer RadiusAnimationSets the visible outer radius.
TiltAnimationSets the tilt of the visible composition.
Orbit SpeedCameraSets how quickly orbit 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.

Core

SettingAvailable valuesWhat it changes
LayoutCIRCLE, HEXAGON, SQUARE, TRIANGLEChooses the layout mode or style.
Grid Size18–72Sets the visible grid size.
Cell Gap0–0.45Sets the spacing between visible elements.
Cylinder Height4–20Sets the visible cylinder height.
Cap Roundness0.02–0.4Controls cap roundness; higher values increase the effect and lower values reduce it.

Material

SettingAvailable valuesWhat it changes
Metalness0–1Moves the surface from non-metallic toward metallic.
Roughness0–1Moves the surface from polished toward matte.
Clearcoat0–1Adds or reduces a glossy top layer on the surface.
Clearcoat Rough0–1Adds or reduces a glossy top layer on the surface.
Plane ColorColorSets the plane color.

Colors

SettingAvailable valuesWhat it changes
Palette AColorSets the palette a.
Palette BColorSets the palette b.
Palette CColorSets the palette c.
Light 1 ColorColorSets the light 1 color.
Light 2 ColorColorSets the light 2 color.
Light 1 Intensity0–2500Sets the visible light 1 intensity. Use Assign modulation to choose a source.
Light 2 Intensity0–1500Sets the visible light 2 intensity. Use Assign modulation to choose a source.
Light 1 Z-40–40Controls light 1 z; higher values increase the effect and lower values reduce it.
Light 2 Z-40–40Controls light 2 z; higher values increase the effect and lower values reduce it.
Auto Hue ShiftOn / OffTurns auto hue shift on or off.
Hue Speed0–2Sets how quickly hue changes or moves. Use Assign modulation to choose a source.

Audio

SettingAvailable valuesWhat it changes
Master Gain0x–3xSets how strongly the input signal affects master.
Audio Smoothing0.02–0.5Balances immediate audio response against steadier motion.

Animation

SettingAvailable valuesWhat it changes
Base Speed0.05–2Sets how quickly base changes or moves. Use Assign modulation to choose a source.
Depth Scale0.2–8Sets the visible depth scale. Use Assign modulation to choose a source.
Inner Radius1–40Sets the visible inner radius. Use Assign modulation to choose a source.
Outer Radius2–70Sets the visible outer radius. Use Assign modulation to choose a source.
Pointer InteractionOn / OffTurns pointer interaction on or off.
Pointer Lerp0.01–0.3Controls pointer lerp; higher values increase the effect and lower values reduce it.
Tilt0–1Sets the tilt of the visible composition. Use Assign modulation to choose a source.

Camera

SettingAvailable valuesWhat it changes
Auto-OrbitOn / OffTurns auto-orbit on or off.
Orbit Speed0–0.02Sets how quickly orbit changes or moves. Use Assign modulation to choose a source.

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 Light 1 Intensity, then compare Mid, High, and Volume while the demo track plays. The slider's live fill shows the signal reaching that control.