【问题标题】:react-three-fiber + react-spring desync?反应三纤维+反应弹簧不同步?
【发布时间】: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


【解决方案1】:

这是react-spring 中已确认的错误。它已在 v9 中修复

【讨论】:

    猜你喜欢
    • 2021-03-23
    • 2022-12-23
    • 1970-01-01
    • 2021-04-18
    • 2021-07-11
    • 2021-06-08
    • 2021-08-11
    • 2021-09-09
    • 2021-08-09
    相关资源
    最近更新 更多