Texture

Blends a texture over the scene. Give it a URL via textureSrc and it loads (and suspends on) the texture itself - pass an already-loaded THREE.Texture via texture instead if you're loading it yourself.

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

return (
  <Texture
    textureSrc="/texture.png" // loads the texture for you
    opacity={1} // opacity of the texture
    aspectCorrection={false} // deprecated - adjust the texture's offset/repeat/center instead
  />
)

Props

NameTypeDefaultDescription
textureSrcStringURL of the texture to load.
textureTextureAn already-loaded texture - alternative to textureSrc.
blendFunctionBlendFunctionThe blend function of this effect.
opacityNumber1The opacity of the texture.
aspectCorrectionBooleanfalseDeprecated. Adjust the texture's offset, repeat and center instead.