使用 next.js 包含动态动画的正确方法

Right way to include dynamic animation with next.js

我想用 next js 构建一个角色创建应用程序。 此工具应允许用户使用给定的滑块和性别按钮更改角色。

我想要一个随输入动态变化的角色的 2d 动画版本。例如,年龄滑块应该改变角色的年龄,高度应该随着滑块的移动而改变高度。

但是我完全不知道处理这样的事情的正确方法是什么。因为我需要事先创建所有 ne 动画,但是我不确定我需要以哪种方式创建它们。动不动就换图,好像不太对。另外我可能只需要改变角色的一部分。

如果您有任何类似的例子,如果您能分享它们,我们将不胜感激。

您可以通过安装在 Next JS 中使用 Farmer motion

   yarn add framer-motion
# or
npm install framer-motion

或寻求帮助:https://www.freecodecamp.org/news/how-to-add-interactive-animations-and-page-transitions-to-a-next-js-web-app-with-framer-motion/