第三方集成
在 Remotion 中,所有动画都必须由 useCurrentFrame()
钩子返回的值驱动。如果您想要在 Remotion 中使用其他动画方式,您需要一个支持与 Remotion 同步时间的集成。
在本页面中,我们维护了一个关于在 Web 上流行的动画方式的集成列表,并提供了流行请求的状态。
After Effects
查看:Lottie - 从 After Effects 导入
Anime.JS
查看此存储库 以获取示例。
CSS 动画
您可以使用 animation-play-state
和 animation-delay
CSS 属性来同步动画与 Remotion 的时间。
查看此处的示例。
Framer Motion
目前,我们没有 Framer Motion 集成,但正在 GitHub Issues 上讨论此事。
GIF
使用 @remotion/gif
包。
GreenSock
查看:如何将 GreenSock 与 Remotion 集成
Lottie
使用 @remotion/lottie
包。
React Native Skia
使用 @remotion/skia
包。
react-spring
没有直接兼容性,但 Remotion 提供了自己的 spring()
。
Reanimated
没有可用的集成,但 Remotion 与 Reanimated 共享一些代码,特别是 interpolate()
、spring()
和 Easing
。这使得从 Reanimated 中重构已有动画更容易。
Rive
使用 @remotion/rive
包。
TailwindCSS
查看:TailwindCSS
Three.JS
使用 @remotion/three
包。
其他库
您是否有兴趣在 Remotion 中使用其他库?您可以提交一个 GitHub 问题来咨询。虽然我们不能保证能够提供帮助,但您可以注 册兴趣并开始讨论。