Flowing Gradient
HTML to video · A background that moves · Apache-2.0
- What it does
Bands of orange and violet flow across the frame in a smooth gradient. A WebGPU shader from the Shaders library (shaders.com, MIT).
- Get it
Copy the folder into a project, or
npx hyperframes add flowing-gradient(fetches it from GitHub main to compositions/flowing-gradient.html). It is a whole page with its own timeline: render it alone, or mount it in a film as a sub-composition.- Needs
WebGPU: a GPU, or PRODUCER_ALLOW_SOFTWARE_WEBGPU=true (slow)
- Re-skin
Edit the file (colors)
No declared variables. 1 hex color is written in the file's CSS.
- Size
1920 x 1080 · 2 s
- License
Apache-2.0
- From