如何在反应三纤维中为网格的可见性设置动画？
How to animate visibility of mesh in react three fiber?
我有一个 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]);
您是否将 material 的 .transparent 属性 设置为 true？
如果 material 的透明 属性 未设置为真，则 material 将保持完全不透明并且此值（不透明度）只会影响其颜色。 see here
我有一个 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]);
您是否将 material 的 .transparent 属性 设置为 true？
如果 material 的透明 属性 未设置为真，则 material 将保持完全不透明并且此值（不透明度）只会影响其颜色。 see here