Dot Screen

A dot screen effect.

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

return (
  <DotScreen
    blendFunction={BlendFunction.NORMAL} // blend mode
    angle={Math.PI * 0.5} // angle of the dot pattern
    scale={1.0} // scale of the dot pattern
  />
)

Example

DotScreen demo

Props
NameTypeDefaultDescription
angleNumber1 .57The angle of the dot pattern.
blendFunctionBlendFunctionBlendFunction.NORMALThe blend function of this effect.
scaleNumber1 .57The scale of the dot pattern.

Edit this page