Replace all textures on runtime

I wanted to bring this thread up again.

I would really like to implement a replace all textures function to my apps. This is what I currently got:

app.scene.traverse(function(obj){
    if(obj.material && obj.material.type == 'MeshNodeMaterial'){
        var mat = obj.material;
        
        for (var i_index in mat.nodeTextures){
            var imageSrc = mat.nodeTextures[i_index].image.src;
            var imageFilename = imageSrc.split('\\').pop().split('/').pop();
    
            var loader = new v3d.TextureLoader();
            loader.setCrossOrigin('Anonymous');

            loader.load('./assets/512/' + imageFilename, function(texture) { 
                mat.nodeTextures[i_index].image = texture;
                mat.nodeTextures[i_index].format = v3d.RGBFormat;
                mat.nodeTextures[i_index].needsUpdate = true;
            })

        }
    }
});

The images seems to get loaded correctly regarding the source/url but I see no update in the webGL. For some maps I get an error in the browser console:
v3d.WebGLState: TypeError: Failed to execute 'texImage2D' on 'WebGL2RenderingContext': Overload resolution failed.
Could anyone give a hint what could be the issue?
I tried to compare my functions to the replaceTexture puzzle but couldnt see any issues. Except that my function is purely for jpg based textures.

hey gliftek,
wasn’t very active here the last weeks. I’m not really sure what you want to achieve. I was just trying to create a function which switches all the textures in the scene on load.

This is the function I’ve written for that purpose:

        function loadFullResTextures(imageformat){
            setTimeout(function(){ 
                app.scene.traverse(function(obj){
                    if(obj.material && obj.material.type == 'MeshNodeMaterial'){
                        var mat = obj.material;
                        
                        for (var i_index in mat.nodeTextures){
                            var imageSrc = mat.nodeTextures[i_index].image.src;
                            var imageFilename = imageSrc.split('\\').pop().split('/').pop();
                            var imageFilenameNoSuffix = imageFilename.split('.').slice(0, -1).join('.');
                    
                            var loader = new v3d.ImageLoader();
                            loader.setCrossOrigin('Anonymous');
                 
                            loader.load(url + '/assets/full/' + imageFilenameNoSuffix + imageformat, function(texture) { 
                                mat.nodeTextures[i_index].image = texture;
                                mat.nodeTextures[i_index].format = v3d.RGBFormat;
                                mat.nodeTextures[i_index].needsUpdate = true;
                            })
                 
                        }
                    }
                });
            }, 2000);
        }

You need to pass the filetype when executing the function.
loadFullResTextures('.jpg');
or
loadFullResTextures('.webp');

For my purpose its working good. This way I can have low res textures which are getting loaded by v3d by default and execute that function to load the full res versions afterwards. This speeds up the whole loading time for the app. You can also alter the function to add more variables, and do different loading as needed. For example different textures for different devices.

Hmm, I never tried to copy textures.
JSON.parse(JSON.stringify(data));
Would also so be my approach, when I need a hard copy of some variables.

Think you have to wait for a response from the v3d developers.