Skip to content

Backdrop

The cientos package provides a <Backdrop /> component. It's just a curved plane, like a studio backdrop. Meant is for presentational purposes, to break up light and shadows more interestingly.

Usage

vue
<Backdrop />

// Backdrop with a custom material
<Backdrop  
  :floor="1.5" 
  :segments="20" 
  recieve-shadow>
    <TresMeshPhysicalMaterial color="orange" :roughness="1" />
</Backdrop>

Props

NameTypeDefaultRequired
floornumber0.25No
segmentsnumber20No
receiveShadowbooleanfalseNo