kinetograph.

A paper height field lit by a raking light that circles slowly.

$npx kinetograph add paper
Source

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.

  • paper

    colour = "#f4efe4"

    The colour of the sheet where the light is full.

  • shade

    colour = "#d9d0bd"

    The colour of the sheet in its shadows and blotches.

  • fibre

    number = 1

    How much fibre shows. 0 is smooth stock; 1 is a handmade sheet.

  • relief

    number = 1

    How strongly the light picks out the surface. Higher is rougher.

  • scale

    number = 1

    Size of the texture: higher is coarser.

  • speed

    number = 1

    How fast the light moves. Whole numbers loop seamlessly over 10 seconds.

  • falloff

    number = 0.55

    How much darker the far side of the sheet is.

  • grain

    number = 0.03

    Extra grain over the whole frame.

Compositions

  • Paper