ThreeTEMPLATE 1.00phonesfannedout

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

• screens

  list = ['hero', 'dashboard', 'chart']

  Left, centre and right screen. A built-in drawn screen (hero, dashboard, chart, plan) or a path to an image under public/, such as photos/nasa-earth-1.jpg.

• font

  string = "Geist"

  Google Fonts family for the type drawn on the built-in screens.

• accent

  colour = "#d9f26b"

  The sample app's accent colour.

• ground

  colour = "#eef0e5"

  The pale ground.

• groundShade

  colour = "#dfe3d2"

  The ground at the lower right, away from the light.

• frame

  colour = "#26272b"

  Phone frame colour.

• fanAngle

  number = 24

  How far the outer phones turn in towards the centre one, in degrees.

• spread

  number = 470

  Distance of the outer phones from the centre one, in pixels.

• size

  number = 1

  Phone scale: 1 is 800 px tall at the wide shot.

• speed

  number = 1

  Playback speed of the move: 2 is twice as fast.

• startZoom

  number = 2.2

  How tight the camera is on the centre phone's screen at the start and on each screen it visits.

• grain

  number = 0.035

  Film grain over the whole frame.

• ThreePhone