drei.docs

ShadowAlpha

Makes an object's shadow respect its opacity and alphaMap.

<mesh>
  <geometry />
  <material transparent opacity={0.5} />

  <ShadowAlpha
    opacity={undefined} // number. Override the opacity of the shadow.
    alphaMap={undefined} // THREE.Texture. Override the alphaMap of the shadow
  />
</mesh>

Note: This component uses Screendoor transparency using a dither pattern. This pattern is notacible when the camera gets close to the shadow.

Maintenance

src/core/ShadowAlpha.tsx

Edit this page