Change texture gltf onclick

Questions
, , , , , ,
1

Can a button be made to change the texture gltf using three.js or javascript?

examles

webgl_loader_gltf_variants

2

It’s possible.
You can log the object and identify the meshes you want to modify material of, then change the value of material maps.

3

Thank you so much
I do not understand
Example here
what should I do

Ewm3DrgXMAcX_4L
Ewm3DrgXMAcX_4L1200×593 18.7 KB
Ewm3DrPXEAQ2ZSQ
Ewm3DrPXEAQ2ZSQ900×569 36.7 KB

4

Please answer me

5

It should be something like this. You load the texture via the Texture Loader and apply it to a child mesh.

An example code:

wardrobeLoader2 = new THREE.TextureLoader().load('./textures/table42/textures/wardrobeorig.png');
			gltfLoader.load('./textures/table42/scene.gltf', (gltf) => {
                wardrobe = gltf.scene;
             
                wardrobe.traverse(function(node) {

                    if (node instanceof THREE.Mesh) {
						
						node.material.map = wardrobeLoader2;
                    }
                
                });
                scene.add(wardrobe);
            });
1 Like
6

Thank you so much

7

Do You have documentation?

8

I tried to use the code above by Irakli_Kandelaki for my .png texture for a gltf model. However, when the model loads it appears dark, if not completely black. I tried searching for a solution but haven’t found one. Any help would be appreciated!

9

Hello, This is no problem.
In example https://webxr-sneakers.lusion.co/

Thank you.