【发布时间】:2021-05-09 02:59:50
【问题描述】:
我正在尝试使用 react-three-fiber 和 react-spring 制作一个简单的动画,其中网格中有一堆 3d 对象,每个对象在悬停/选择时都会放大,如果不是,则恢复正常悬停/选中。当我只是将网格比例设置为相应交互的最小值或最大值时,这是有效的。
当我实现 spring 时,值开始与它们应有的值不同步。如果您快速将鼠标悬停在下面示例中的框上,您就会明白我的意思。
https://codesandbox.io/s/r3f-rs-bug-zrlvd
我对 react 生态系统非常陌生,所以我希望我只是做错了什么,但是当我将我的设置与一个工作示例进行比较时,我无法弄清楚我可能做错了什么。
将鼠标悬停在脚本上:https://codesandbox.io/s/9y8vkjykyy
我可以创建自己的补间系统,在值之间进行缓和,但我希望 react-spring 能够很好地发挥作用。
任何意见将不胜感激
【问题讨论】:
-
这是 react-spring 的错误吗?如果我将弹簧更改为浮点数而不是数组,并且只设置每一帧的网格比例,它就会按预期工作。
标签: javascript reactjs react-spring react-three-fiber