有没有一种方法在帧机运动中应用物理学？

Question

我目前正在试验react.js和framer-motion库，我在问自己是否有方法将物理应用于可拖动组件。我想实施一个球，当它落下时，它被拉到空中。我已经实现了一个可以在屏幕上拖动的球，但是没有物理。所以我在问自己“framer-motion”库对于这样的项目是不是正确的选择，如果是的话，有没有什么例子或者文档呢？

提前道谢。

Answer 1

Framer Motion支持spring动画作为其API的一部分。

useEffect(() => {
  const controls = animate(x, 100, {
    type: "spring",
    stiffness: 2000,
    onComplete: v => {}
  })

  return controls.stop
})

例如，您可以定义spring动画选项：

export const spring = {
  slow: {
    type: `spring`,
    mass: 1,
    damping: 1000,
    stiffness: 10,
  },
  gentle: {
    type: `spring`,
    mass: 1,
    damping: 50,
    stiffness: 100,
    velocity: 2,
  },
};

并在variants道具中使用它们。