Here is a good summary of what I *think* are the latest recommended best practices (not written by me):įor textures, I've done it with a hook which I use instead of `useLoader`:Ĭonst textures = useLoader(TextureLoader, urls) sRGBEncoding` *everywhere* for them to be displayed properly. One also needs to load all textures and set up colors with `THREE. Switching to sRGB output encoding at the renderer level (in `react-three-fiber`'s case, using ``) is only one piece of the puzzle, however. Keep in mind that I'm a Three.js beginner so please correct me if I'm wrong. This seems like the proper way to fix some "model renders too dark" color issues with glTF which many (including me) have encountered, as `GLTFLoader` always loads textures as sRGB. I understand that colour profiles are Three.js' domain, but from what I've gathered there is a gotcha when using sRGB `outputEncoding` in`react-three-fiber`.Īlthough it's apparently not very well documented (apart from brief mentions in Three.js GitHub issues and some examples), it seems that switching the renderer's `outputEncoding` to `THREE.sRGBEncoder` is recommended.
I'm posting this here instead of the Spectrum chat so that others tackling the same thing can find this info more readily.
Hi there! I have a question / feature request for proper sRGB handling in `react … -three-fiber`.
0 kommentar(er)
