Animated Backgrounds
Vū Studio includes a built-in Animated Background Designer for creating dynamic, GPU-rendered background visuals. These are procedurally generated animations — no video file needed — and can be used anywhere a standard media asset can be used.
Creating an Animated Background
- Go to Library → select or create a folder → click the Add Media button → select Animation
- The Animated Background Designer opens
- Choose an animation style, configure colors and parameters
- Click Save to add it to your library
Animation Styles
| Style | Description |
|---|---|
| Aurora | Sweeping northern-lights-style color waves |
| Liquid | Fluid, organic color flow |
| Plasma | High-energy electric field effect |
| Ocean | Calm, rolling wave motion |
| Reaction | Reaction-diffusion cellular patterns |
| Pipes | Flowing geometric lines |
| Bezier | Smooth curved motion paths |
| Neon | Glowing neon light trails |
| Pulse Grid | Expanding grid pulse effect |
| Blobs | Soft organic blob movement |
| Wave | Rhythmic sine-wave motion |
| Halo | Radial halo glow effect |
| Bubble | Rising bubble animation |
Configuration Parameters
All styles share a common set of parameters:
| Parameter | Description |
|---|---|
| Background Color | Base canvas color behind the animation |
| Primary Color | Main accent color |
| Secondary Color | Second accent color |
| Tertiary Color | Third accent color |
| Speed | Animation playback speed |
| Opacity | Overall animation opacity |
| Size | Scale of the animation elements |
| Count | Number of animated elements |
| Rotation Speed | Rotation of the overall pattern |
| Blur | Softness/blur applied to the animation |
| Grain Intensity | Film-grain texture overlay |
Customizable Fluidmotion-Style Backgrounds
The animated background styles are fully customizable, Fluidmotion-style visuals. You can tailor each background to your needs — including its size and speed — using the configuration parameters above, so a background can be adapted to match a brand or fit different screen sizes. The size and speed settings are respected during playback.
Using Animated Backgrounds
Once saved, animated backgrounds appear in your Library alongside other assets and can be:
- Cast directly to a connected display
- Used as a background layer in a scene
- Added to an Experience as a page asset
- Set as the background in the Canvas Designer
Animated backgrounds render in real time on your display's GPU and loop seamlessly without any file transfer overhead.