Depth

Visualizes the scene's depth buffer as grayscale - useful for debugging, or as an input for further custom effects.

import { Depth } from '@react-three/postprocessing'
import { BlendFunction } from 'postprocessing'

return (
  <Depth
    blendFunction={BlendFunction.SRC} // the blend function of this effect
    inverted={false} // whether the depth should be inverted
  />
)

Props

NameTypeDefaultDescription
blendFunctionBlendFunctionBlendFunction.SRCThe blend function of this effect.
invertedBooleanfalseWhether the depth should be inverted.