Date and Time
Time Displacement
Time Displacement is a clock and time-based visual in BeamTracer Audio Visualizers, built on WebGPU. Settings, audio modulation, presets, and tips.
Time Displacement is a clock and time-based visual in the Date and Time category. Open it from the left visualizer list, start an audio source, and use the settings panel to shape its response.
Open Time Displacement
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
Default · Cyber Punk · Midnight
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 |
|---|---|---|
| Interaction Radius | Physics | Sets the visible interaction radius. |
| Push Strength | Physics | Sets the visible push strength. |
| Noise Amp | Physics | Sets how irregular or unpredictable the noise amp appears. |
| Hue Speed | Colors | Sets how quickly hue changes or moves. |
| Emissive Boost | Animation | Sets how strongly the input signal affects emissive. |
| Bloom Strength | Animation | Sets the visible bloom strength. |
Settings reference
Core
| Setting | Available values | What it changes |
|---|---|---|
| Mode | CLOCK, COUNTDOWN | Chooses the active mode or style. |
| Format | 12H, 24H | Chooses the format mode or style. |
| Time Zone | ACCOUNT DEFAULT, UTC, BERLIN, PACIFIC, NEW YORK, HONG KONG, LONDON, TOKYO, PARIS, MOSCOW, SYDNEY, MANILA, ROME, CAIRO, ANCHORAGE, DUBAI, DALLAS | Chooses the time zone mode or style. |
| Countdown Hours | 0–23 | Sets the hours component of the countdown. |
| Countdown Minutes | 0–59 | Sets the minutes component of the countdown. |
| Countdown Seconds | 0–59 | Sets the seconds component of the countdown. |
| Countdown Running | On / Off | Turns countdown running on or off. |
| Play Alarm Sound | On / Off | Turns play alarm sound on or off. |
Physics
| Setting | Available values | What it changes |
|---|---|---|
| Spring | 0.01–0.5 | Controls spring; higher values increase the effect and lower values reduce it. |
| Friction | 0.8–0.99 | Controls friction; higher values increase the effect and lower values reduce it. |
| Interaction Radius | 0.1–2 | Sets the visible interaction radius. Use Assign modulation to choose a source. |
| Push Strength | 0.1–5 | Sets the visible push strength. Use Assign modulation to choose a source. |
| Noise Amp | 0–3 | Sets how irregular or unpredictable the noise amp appears. Use Assign modulation to choose a source. |
Colors
| Setting | Available values | What it changes |
|---|---|---|
| Text Color | Color | Sets the text color. |
| Background | Color | Sets the background. |
| Glow Color | Color | Sets the glow color. |
| Light Color | Color | Sets the light color. |
| Auto Hue Cycle | On / Off | Turns auto hue cycle on or off. |
| Hue Speed | 0–2 | Sets how quickly hue changes or moves. Use Assign modulation to choose a source. |
Audio
| Setting | Available values | What it changes |
|---|---|---|
| Master Gain | 0x–3x | Sets how strongly the input signal affects master. |
| Bass → Hours | 0–3 | Controls bass → hours; higher values increase the effect and lower values reduce it. |
| Mids → Minutes | 0–3 | Controls mids → minutes; higher values increase the effect and lower values reduce it. |
| Highs → Seconds | 0–3 | Controls highs → seconds; higher values increase the effect and lower values reduce it. |
Animation
| Setting | Available values | What it changes |
|---|---|---|
| Emissive Boost | 0–20 | Sets how strongly the input signal affects emissive. Use Assign modulation to choose a source. |
| Bloom Strength | 0–2 | Sets the visible bloom strength. Use Assign modulation to choose a source. |
| Bloom Radius | 0–1 | Sets the visible bloom radius. |
| Bloom Threshold | 0–1 | Sets the level that must be crossed before bloom appears. |
| Second Tick Impulse | 0–2 | Controls second tick impulse; higher values increase the effect and lower values reduce it. |
| Tick Decay | 0.5–8 | Sets how long tick decay remains visible. |
Camera
| Setting | Available values | What it changes |
|---|---|---|
| Distance | 2–12 | Sets how far the camera sits from the subject. |
| Height | -2–4 | Sets the visible height. |
| Cinematic Orbit | On / Off | Turns cinematic orbit on or off. |
| Orbit Speed | 0.1–4 | Sets how quickly orbit changes or moves. |
| Orbit Sensitivity | 0.2–2.5 | Sets how strongly the input signal affects orbit. |
| Zoom Sensitivity | 0.2–2.5 | Sets how strongly the input signal affects zoom. |
| Camera Position | On / Off | Turns camera position on or off. |
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
- Keep the clock face readable; route audio to the surrounding material, particles, or glow rather than every time element.
- Try assigning Bass to Interaction Radius, then compare Mid, High, and Volume while the demo track plays. The slider's live fill shows the signal reaching that control.