PhotoCOMPONENT 1.00rosette

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

• photos

  list

  Photo file names inside public/photos, in order. Items take them in turn and repeat when there are more items than photos.

• caption

  string = "Center orient"

  Small line at the bottom left. Empty for none.

• showHud

  boolean = true

  Show the caption and the counter.

• aperture

  number = 0

  Depth of field: blur, in px, of a card one focus distance away from the focus plane. 0 keeps everything sharp.

• drift

  number = 1

  Handheld drift on the camera, as a multiple of the default (about 0.4 degrees and 6 px). 0 for a locked-off camera.

• radius

  number = 14

  Corner radius of the cards, px.

• colors.ground

  colour

  Frame edge.

• colors.ground2

  colour

  Frame centre, slightly lighter.

• colors.ink

  colour

  Caption type.

• colors.edge

  colour

  Hairline round every card, or 'none' (the default) for clean edges.

• cols

  integer = 9

  Cards across (an odd number keeps a card at the centre).

• rows

  integer = 7

  Cards down (odd keeps a card at the centre).

• cardSize

  number = 160

  Card edge, world px (cards are square so the rosette stays even).

• gap

  number = 36

  Space between card centres beyond the card size, world px.

• stagger

  number = 3

  Frames of delay per card of distance from the centre, for the twist to travel outward.

• bowl

  number = 40

  World px each ring of cards sits further back, so the rosette has depth.

• roll

  number = 26

  Degrees the camera rolls over the move.

• startDistance

  number = 2300

  Eye distance at the start.

• endDistance

  number = 760

  Eye distance at the end of the dive.

• motionBlur

  number = 0

  Camera motion blur shutter in frames, used while the camera moves fast. 0 turns it off.

• GridCenterOrient