I’m working on creating a 3d Map mesh which contains a plane geometry and MeshPongMaterial on threejs.
This Material takes two texture images: one for displacementMap(WEBP for DEM) and another for MAP(WEBP).
Here’s the problem.
Whenever I move to other tab(I’m using Chrome Broswer) and do some actions, the Map image loaded with THREE.TextureLoader disappears or gets distored when i get back to current tab.
the missing texture
the yellow plane is the mesh placed right under the map Mesh.
what it was & what should be
Only the Map mesh’s texture missing or distorted i guessed (the brown-white plane is map-mesh)
I want to know what would be the main problem or Cause for this.
thanks for Read This.
I tried updating material and mesh when i re-focused on tab with EventListener ‘focus’.
- Plus, I am trying to avoid using reload code everytime I return to current tab.
sub9707 is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.