how to control canvas render with state change ?

[lobo3964]

Hi Folks,

this is my sandbox:
https://codesandbox.io/s/three-js-uluru-texturemap-forked-mq6ni

basically i want to use a drop down list to switch the texture image of the rendering. I can see the state has been passed to the function, but the texture is not changing. I am not sure whats the right way to do this.

Thanks for the help!

[drcmda]

https://threejs.org/docs/#manual/en/introduction/How-to-update-things

you need to flag the material if it gets a new texture

useEffect(() => {
textureRef.current.needsUpdate = true
}, [dependencies])

keep in mind though using shadermaterial isn't ideal. i'm not even sure if that can work at all.

use shaders like this: https://codesandbox.io/s/threejs-journey-ni6v4?file=/src/shaders/FireflyMaterial.js it's cleaner.