Scanline

A scanline effect.

Based on an implementation by Georg 'Leviathan' Steinrohder (CC BY 3.0): http://www.truevision3d.com/forums/showcase/staticnoise_colorblackwhite_scanline_shaders-t18698.0.html

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

return (
  <Scanline
    blendFunction={BlendFunction.OVERLAY} // blend mode
    density={1.25} // scanline density
  />
)

Example

Scanline
Scanline

Props

NameTypeDefaultDescription
densityNumber1.25The scanline density.
blendFunctionBlendFunctionBlendFunction.OVERLAYThe blend function of this effect.