如何在react three fiber中设置网格可见性的动画

Question

我有一个3D模型。我可以访问网格。我想要的是在单击按钮时设置可见性的动画。当我按下一个按钮时，网格应该是不可见的，但不是立即可见的。我想把它做成动画。在某些步骤中它将是不可见的。就像花2秒的时间在一个过渡过程中隐身一样。我怎样才能用反应三纤维来做到这一点？我是React three/fiber的新手。

我尝试过的代码：

useEffect(() => {
if (props.miscOpen === true) {
Object.keys(materials).forEach(function (prop) {
if (prop.includes("_350")) {
gsap.to(materials[prop],{duration:5,opacity:0})

}
});
} else {

}
}, [props.miscOpen]);

Answer 1

是否将材质的.transparent属性设置为true
如果材质的透明属性未设置为true，则材质将保持完全不透明，并且此值(不透明度(只会影响其颜色。参见此处