LensDistortion

A radial lens distortion effect. Positive distortion values give a barrel (fisheye-like) look, negative values a pincushion look.

import { LensDistortion } from '@react-three/postprocessing'

return (
  <LensDistortion
    distortion={[0.5, 0.5]} // radial distortion coefficients
    principalPoint={[0, 0]} // center offset
    focalLength={[0.7, 0.7]} // lower values zoom in, hiding the black corners
    skew={0} // skew in radians
  />
)

Props
NameTypeDefaultDescription
distortionVector2[0, 0]The radial distortion coefficients.
principalPointVector2[0, 0]The center point offset.
focalLengthVector2[1, 1]The focal length. Lower values zoom in.
skewNumber0The skew factor in radians.

Edit this page