Documentation

GuidesComponents

StudioBackground

Multi-light studio background with ambient motion.

Props

colorstring
Default:#d8dbec
Base studio surface color
keyColorstring
Default:#d5e4ea
Color of the overhead key light
keyIntensitynumber
Default:40
Intensity of the key light
keySoftnessnumber
Default:50
How diffuse the key light is
fillColorstring
Default:#d5e4ea
Color of the side fill lights
fillIntensitynumber
Default:10
Intensity of the fill lights
fillSoftnessnumber
Default:70
How diffuse the fill lights are
fillAnglenumber
Default:70
How far apart the fill lights are from center
backColorstring
Default:#c8d4e8
Color of the upward back wash
backIntensitynumber
Default:20
Intensity of the back wash
backSoftnessnumber
Default:80
How diffuse the back wash is
brightnessnumber
Default:20
Overall ambient light level
vignettenumber
Default:0
Edge darkening
center{x: number, y: number}
Default:{"x":0.5,"y":0.8}
Where the spotlight meets the floor
lightTargetnumber
Default:100
How far toward the floor vs wall the spotlights aim
wallCurvaturenumber
Default:10
How rounded the cove is
ambientIntensitynumber
Default:50
Intensity of drifting ambient lights
ambientSpeednumber
Default:2
Drift speed
seednumber
Default:0
Seed for ambient pattern

Usage

<Shader>
  <StudioBackground
    color="#d8dbec"
  />
</Shader>
Previous
Stripes
Next
Swirl