
EffectNew
Speed lines
Streaks rushing past the camera for speed: out from a vanishing point, in toward it, or all one way for a car, a fall or a climb.
- Version
- 1.0.0
- Added
- 23 October 2026
- Films
- Not used in a film yet
Parameters
| Name | Type | Default | Range | What it does |
|---|---|---|---|---|
| mode | choice | radial | radial, inward, left, right, down, up, angle | radial rushes out from the centre; inward pulls in; left, right, down, up and angle stream one way |
| speed (Can change over time) | number | 2.2 | 0.1 to 8 heights/s | how fast the lines rush, in frame heights a second; the lines lengthen with itCan change over time |
| amount (Can change over time) | number | 170 | 0 to 400 | how many lines are in the frame at onceCan change over time |
| length | number | 0.22 | 0.05 to 1 s | how long a line is, as the time it takes to cross itself: longer reads as faster |
| thickness | number | 1 | 0.8 to 4 | how thick the lines are, as a multiple of 2 px at 270 px tall |
| strength (Can change over time) | number | 0.6 | 0 to 1 | how opaque the lines areCan change over time |
| colour | color | #f2f4f8 | – | the colour of the lines |
| centre | vec2 | 0.5, 0.5 | 0 to 1 | radial and inward: where the lines come from, as shares of the frame's width and height |
| hole | number | 0.12 | 0 to 0.45 | radial and inward: the clear space round the centre, as a share of the frame's height |
| angle | number | 200 | 0 to 360 deg | angle mode: the direction the lines stream, 0 to the right and 90 down |
Use it in a film
film.js
elements: { 'speed-lines': { mode: 'radial', speed: 2.2 } }Use it from your agent
Ask your agent to put it in a film. It finds the element by name.