How to combine 4 textures into 1 texture

[vantu98]

Hi all, I'm doing Zoom functions with @react-three/fiber.
The idea is:

1. The first init we load small texture
   | Texture SD |

2. If user zoom it, it will get 4 part of texture and render to 1 mesh
   |Texture HD| Texture HD|
   |Texture HD| Texture HD|

So how can I combine (or replace) partial texture to initial texture?

Thanks so much!

[bhushan6]

You'll have to do that in shader material imo. by using uniform which will change on zooming in and out and pass the all the textures to the shader and change uvs of textures as zoom uniform changes

[drcmda]

Lod: https://docs.pmnd.rs/react-three-fiber/advanced/scaling-performance#level-of-detail

You don't have to change the geometry like in the csb example, textures work fine. You should not "swap" a texture by changing a prop because that could be expensive, it'll have to re upload it to the gpu. LODs imo mount all variants and merely change visibility, which should be efficient.

Progressive loading: https://docs.pmnd.rs/react-three-fiber/advanced/scaling-performance#nested-loading

[vantu98]

Thanks, it help me alots!