Grid

A Grid effect

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

return (
  <Grid
    blendFunction={BlendFunction.OVERLAY} // blend mode
    scale={1.0} // grid pattern scale
    lineWidth={0.0} // grid pattern line width
    size={{ width, height }} // overrides the default pass width and height
  />
)

Example

Props

Name	Type	Default	Description
blendFunction	BlendFunction	BlendFunction.NORMAL	The blend function of this effect.
scale	Number	1	The scale of the grid pattern.
lineWidth	Number	0	The blend function of this effect.
width	Number		Overrides the default pass width
height	Number		Overrides the default pass height

Edit this page