Aurora ribbons component

Ribbons of light drift and are blended so that overlaps never blow out.

$npx kinetograph add aurora

It loops with no join at whole-number speeds.

Props

Every prop has a default, so the component renders as it is. Change any of them in Studio or in code.

groundTop
colour = "#050912"
The ground at the top.
groundBottom
colour = "#0d1626"
The ground at the bottom.
ribbons
list
Three ribbon colours, which also blend along each ribbon.
intensity
number = 1.15
How bright the ribbons are. 0.6 sits behind type; 1 is bold.
width
number = 1
How wide the ribbons are, as a multiple of the default.
speed
number = 1
How fast they flow. Whole numbers loop seamlessly over 10 seconds.
scale
number = 1
How long the waves are, as a multiple of the default. Higher is calmer.
grain
number = 0.07
Grain amount over the whole frame.