How to apply Environmental map on imported model?

[bhushan6]

` React.useLayoutEffect(() => {
const loader = new THREE.CubeTextureLoader();
const textureCube = loader.load([
"../Assets/Right.jpg",
"../Assets/Left.jpg",
"../Assets/Top.jpg",
"../Assets/Bottom.jpg",
"../Assets/Front.jpg",
"../Assets/Back.jpg"
]);

Object.values(nodes).map((c) => {
  if (c instanceof THREE.Mesh) {
    c.material.envMap = textureCube;
    c.material.envMapIntensity = 10;
  }
});

}, []);`

I am doing like this right now but not working I don't see any changes.
This is how I am doing If you wanna look code little more in details.

[drcmda]

i would suggest you always use useLoader or useXYZ drei abstractions like useGLTF, useTexture and so on. you can work with plain three loaders yourself as well ofc but they're async and messy to handle. one of the larger issues is that they're not cached and their data isn't easily re-usable.

https://codesandbox.io/s/react-postprocessing-dof-blob-forked-u1nle?file=/src/App.js

function Model() {
  const envMap = useCubeTexture(['px.png', 'nx.png', 'py.png', 'ny.png', 'pz.png', 'nz.png'], { path: '/cube/' })
  return (
    <mesh>
      <meshStandardMaterial envMap={envMap} ...

you also don't need to traverse in react, use https://github.com/pmndrs/gltfjsx

[bhushan6]

I am using gltfjsx and trying pass the env map as a prop to mesh but its not working too, when i console the meshes, I can see the env map in my mesh object but model is staying the same.

[drcmda]

wrong path, wrong images, might be something like that?

[bhushan6]

No, path and images both are correct.
Also If the path was wrong I'd have got the error, right? also it doesn't matter which images are as long as I have 6 images for cube texture, right?
Also I have same model with same textures in playcanvas but when I try the same model in react three fiber with same ao texture it looks different and top of that now env map is not working? Should I try this thing in three js editor? so maybe id know if the problem is three js or not .

[bhushan6]

Answering my own question, So I have fbx model and i am converting it into glb and for some reasons it is losing its UVs and thats why I am not able to apply any texture upon it.