I imported a model created in Blender:
https://i.sstatic.net/SF0D2.png
The texture of the model is partially transparent, achieved by converting the white background to alpha using nodes: https://i.sstatic.net/lSZ6w.png
To make this work correctly, I enabled BlendMode as AlphaClip (which does not function with blendmode = opaque): https://i.sstatic.net/4LocD.png
However, when loading the model into three.js like this:
const gltfLoader = new GLTFLoader();
var loader = gltfLoader.load(gltfPath, (result) => {
let root: Group = result.scene
root.scale.setScalar(10);
root.name = name;
root.castShadow = true;
root.receiveShadow = true;
//root.rotation.x = -90;
let objectWrapper = new Object3D();
objectWrapper.add(root);
resolve(objectWrapper);
console.log("Called!")
});
});
https://i.sstatic.net/IVQgN.png
The alpha transparency is not functioning properly - how can I resolve this issue? Are there any alternative methods for achieving alpha transparency or specific settings within GLTFLoader that could help?