EffectsComposer effect update based on mouse position

[robksawyer]

What's the best practice for updating an effect within the EffectsComposer lib from 'drei'?

Something like this...

<EffectComposer smaa>
    <Pixelation granularity={[CHANGE_ME_BASED_ON_MOUSE_POSITION]} />
</EffectComposer>

[drcmda]

const ref = useRef()
useFrame(state => {
  ref.current.xyz = state.mouse.x // normalized (-1/0/1), centralized mouse coords
})
return <foo ref={ref} />

this way you can also write uniforms: ref.current.uniforms.xyz.value = state.mouse.x

[robksawyer]

Thanks @drcmda! Like this? https://codesandbox.io/s/react-postprocessing-glitchnoise-demo-gx6jl?file=/src/App.js

Also, can you explain how I would use the uniforms on effects?

[drcmda]

in theory yes but i dont know if the lib supports it or if you need to call something for it to update. it doesnt seem to do anything. shaders normally communicate through uniforms, so setting a value on the class does nothing, unless that value is a getter/setter that reads and writes into the uniform, as it normally should be.

[robksawyer]

I've opened an issue over at pmndrs/react-postprocessing#8 to continue the discussion (since there isn't a discussions area).