--- title: "Anamorphic Streak Flare" description: "A drifting field of bright points, each one throwing the long horizontal blue-violet streak a real anamorphic cinema lens produces. Built from the measured filter constants: a 0.3 high-pass, 80 horizontal taps at quarter resolution, a samples/3 gain and a 0x7a8aff tint." --- import { InstallCommand } from "/snippets/install-command.jsx"; import { VariablesExplorer } from "/snippets/variables-explorer.jsx"; ```html vfx-anamorphic-flare.html Anamorphic Streak Flare
```
## Install That writes one file: `compositions/vfx-anamorphic-flare.html`. ## Add it to your video It runs for 10 seconds at 1920×1080. Paste this into your composition: ```html index.html
``` Move it in time with `data-start`. Put it on a different timeline row with `data-track-index`. See [data attributes](/concepts/data-attributes) for the rest. ## Change how it looks Set these CSS variables on the block: - `--intensity` — Streak intensity. Defaults to `5`. - `--threshold` — High-pass threshold. Defaults to `0.3`. - `--streaklength` — Streak length gain. Defaults to `1`. - `--tint` — Streak tint. Defaults to `#7a8aff`. - `--bloomradius` — Bloom radius. Defaults to `0`. - `--timescale` — Drift rate. Defaults to `0.5`. - `--emitters` — Emitter count. Defaults to `140`. - `--backdrop` — Backdrop. Defaults to `#04040a`. {/* hf:generated-footer */} Tagged `vfx` `background` `showcase` `optical` `canvas`. ## Related topics - [Browse the complete Catalog](/catalog) - [Add assets and Catalog items in Studio](/studio/assets-and-blocks) - [Build a richer composition](/go-further)