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 | Sets how strongly the scattered particles are pulled back into the shape of the digits; higher values snap the numbers back together faster. |
| Friction | 0.8–0.99 | Sets how quickly the particles lose momentum after being pushed; lower values stop them quickly, while values near the top let them drift and overshoot for longer. |
| 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 | Sets how strongly bass in the music pushes and scatters the particles of the hour digits; 0 turns the effect off. |
| Mids → Minutes | 0–3 | Sets how strongly mid-range sound in the music pushes and scatters the particles of the minute digits; 0 turns the effect off. |
| Highs → Seconds | 0–3 | Sets how strongly high frequencies in the music push and scatter the particles of the second digits; 0 turns the effect off. |
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 | Sets how hard the digits are jolted outward each time the second changes; 0 turns the tick pulse off. |
| 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. |
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.