StudioBackground
Multi-light studio background with ambient motion.
Multi-light studio background with ambient motion.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| color | color | #d8dbec | Base studio surface color |
| keyColor | color | #d5e4ea | Color of the overhead key light |
| keyIntensity | range | 40 | Intensity of the key light |
| keySoftness | range | 50 | How diffuse the key light is |
| fillColor | color | #d5e4ea | Color of the side fill lights |
| fillIntensity | range | 10 | Intensity of the fill lights |
| fillSoftness | range | 70 | How diffuse the fill lights are |
| fillAngle | range | 70 | How far apart the fill lights are from center |
| backColor | color | #c8d4e8 | Color of the upward back wash |
| backIntensity | range | 20 | Intensity of the back wash |
| backSoftness | range | 80 | How diffuse the back wash is |
| brightness | range | 20 | Overall ambient light level |
| vignette | range | 0 | Edge darkening |
| center | position | {"x":0.5,"y":0.8} | Where the spotlight meets the floor |
| lightTarget | range | 100 | How far toward the floor vs wall the spotlights aim |
| wallCurvature | range | 10 | How rounded the cove is |
| ambientIntensity | range | 50 | Intensity of drifting ambient lights |
| ambientSpeed | range | 2 | Drift speed |
| seed | range | 0 | Seed for ambient pattern |
Usage
vue
<Shader>
<StudioBackground
color="#d8dbec"
/>
</Shader>