I trying to change the texture of the GLTF model dynamically when clicked in a carousel of images and this images are stored in base64 strings. But when I change the texture it shows only a colored surface.
model before => image to be added => model after
let texture = loader.load(base64String);
texture.wrapS = THREE.RepeatWrapping;
texture.wrapT = THREE.RepeatWrapping;
texture.repeat.set(30, 30);
texture.anisotropy = 16;
texture.encoding = THREE.sRGBEncoding;
texture.flipY = false;
const material = new THREE.MeshStandardMaterial({
map: texture,
side: THREE.DoubleSide
});
gltf_model.traverse ( ( o ) => {
if ( o.isMesh ) {
o.material = material;
}
});