复杂的定制JS交互式动画--以及如何创建它们？

Question

我已经对JavaScript (React )、Python和CSS进行了一段时间的修改。在这样做的时候，我偶然看到了一些动画--其中大多数是标准的css动画(如transition: width 2s;)。但是越来越多的我想知道如何做更复杂的定制互动动画，我只是无法找到正确的技术来学习达到预期的结果(是的，我在问这个非常广泛的一般性问题之前使用了搜索功能)。有些HTML5画布似乎是一种灵活的、通用的工具，但我不知道它们是否是我所想要的“正确”的工具。

，让我举一个我想做的事情的例子：

• 过程可视化：公司的资源被动画化为移动对象，沿着一条不是固定的而是由公司供应链结构产生的路径移动。
• 拖放功能：元素(例如，供应商)可以通过拖放添加到供应链中
• 复杂的自定义图(我知道存在强大的库来实现这一点，例如AnyChart):图是从显示生命数据的过程数据中派生出来的。我可以在图表中点击添加新的数据点。

我不是在寻找另一个JS库，而是自己构建这些动画的技术。此外，我正在寻找一个好的点开始学习这些技术。所以真正的问题是:我需要学习什么才能创建这些交互式动画，HTML5画布是正确的工具吗？有哪些类型的交互式动画技术，以及何时使用它们？

谢谢你，

Answer 1

因此，我对这个主题做了一点研究，我认为这个主题的最好和最确凿的总结(ReactJS & VanillaJS)可以在这里找到：

https://css-tricks.com/comparison-animation-technologies/#react-and-animation