FilmCOMPONENT 1.00burntransition

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

• src

  string = "photos/nasa-volcano-1.jpg"

  First picture in public/.

• toSrc

  string = "photos/nasa-earth-2.jpg"

  Second picture in public/.

• startFrame

  integer = 12

  Frame the heat starts to reach the picture.

• duration

  integer = 104

  Frames the burn takes to cross the frame.

• angle

  number = 20

  Direction the front travels, in degrees clockwise from the right (0 sweeps left to right).

• width

  number = 0.13

  How wide the glowing front is, as a share of the frame.

• roughness

  number = 0.7

  How ragged the front is (0 is a straight line, 1 is very organic).

• scorch

  number = 0.7

  How much the first picture darkens and warms ahead of the front.

• flash

  number = 0.4

  How much the whole frame is washed with warm light at the front's peak.

• grain

  number = 0.05

  Film grain over the whole frame (0 for none).

• colors.hot

  colour = "#fff4d6"

  The white-hot inside of the front.

• colors.mid

  colour = "#ff9b2e"

  Yellow-orange body.

• colors.outer

  colour = "#8f1d0a"

  Deep red and brown at the outer edge.

• FilmBurn