我可以使用成帧器运动创建 blob 动画吗？

Question

供参考，我说的是Discord's Login Page左上角的深灰色空间，下面是截图：

我知道这种斑点或“摆动边缘”效果（在左上角）可以使用画布元素和动画二次贝塞尔曲线来创建。

在我的 nextjs 应用程序中，我对所有动画都使用了成帧器运动。它很棒，快速且易于使用。那么我可以使用成帧器运动来制作这种斑点效果，就像在不和谐登录页面上一样，或者我可以只在画布元素上创建这样的动画吗？

Answer 1

您当然可以为此使用成帧器运动。您想用它来为 SVG 设置动画以创建这种效果，除非您想要某种形式的交互性，否则我可能会使用画布。

要实际生成像这样的 blob svg 来制作动画，请查看此处的一些资源： https://css-tricks.com/blobs/

例如： https://www.blobmaker.app/

或者，您可以在 Illustrator、Affinity Designer 或大多数其他矢量绘图应用程序中自己制作 SVG。

Answer 2

我用这个工具制作blob动画https://blobanimation.com