FXAA

Fast Approximate Anti-Aliasing - a cheap, single-pass alternative to SMAA with lower visual quality but better performance.

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

return (
  <FXAA
    blendFunction={BlendFunction.SRC} // the blend function of this effect
    minEdgeThreshold={0.0312} // the minimum edge detection threshold
    maxEdgeThreshold={0.125} // the maximum edge detection threshold
    subpixelQuality={0.75} // the subpixel blend quality
    samples={12} // the maximum amount of edge detection samples
  />
)

Props

NameTypeDefaultDescription
blendFunctionBlendFunctionBlendFunction.SRCThe blend function of this effect.
minEdgeThresholdNumber0.0312The minimum edge detection threshold. Range [0.0, 1.0].
maxEdgeThresholdNumber0.125The maximum edge detection threshold. Range [0.0, 1.0].
subpixelQualityNumber0.75The subpixel blend quality. Range [0.0, 1.0].
samplesNumber12The maximum amount of edge detection samples.