Hello
I’ve set transparent to true and opacity to 0 but my 3D model is still visible. I’m at my wit’s end because I still can’t find what’s the issue. This is my code:
function hideModel(model: Group) {
model.traverse((object) => {
if ((object as Mesh).material as MeshStandardMaterial) {
const material = (object as Mesh).material as MeshStandardMaterial
((object as Mesh).material as MeshStandardMaterial).opacity = 0.0;
((object as Mesh).material as MeshStandardMaterial).transparent = true;
}
});
}
model3ds.forEach((model, index) => {
const size = new Vector3();
const box = new Box3().setFromObject(model);
box.getSize(size);
const scaleVec = new Vector3(3.25, 3.25, 3.25).divide(size);
const scale = Math.min(scaleVec.x, Math.min(scaleVec.y, scaleVec.z));
model.scale.setScalar(scale);
model.position.y = 3
model.traverse((object) => {
object.name = PRODUCT_NAME + featuredProducts3dModels[index].id;
});
hideModel(model);
scene.add(model);
});