Javascript 如何使用脊椎曲线设置HTML5形状的动画

Javascript 如何使用脊椎曲线设置HTML5形状的动画,javascript,html,animation,transform,spline,Javascript,Html,Animation,Transform,Spline,我制作了一个程序,可以创建参数化形状(球体、圆环体和圆柱体),并对其执行矩阵变换,以特定方式(例如平移()、旋转()、缩放())为其设置动画。现在,我想使用样条线设置形状的动画,这将允许形状沿着比单独使用变换更平滑的路径移动。我不确定如何使用html5和javascript实现这一点,但根据我目前为止的工作,我认为这一方法将首先计算沿样条曲线的所有点(对于x、y和z),将每个点存储在数据结构中,然后迭代数据结构,将每个点传递给translate()方法 我看过和上的一些资源,但像这样的网站通常看

我制作了一个程序,可以创建参数化形状(球体、圆环体和圆柱体),并对其执行矩阵变换,以特定方式(例如平移()、旋转()、缩放())为其设置动画。现在,我想使用样条线设置形状的动画,这将允许形状沿着比单独使用变换更平滑的路径移动。我不确定如何使用html5和javascript实现这一点,但根据我目前为止的工作,我认为这一方法将首先计算沿样条曲线的所有点(对于x、y和z),将每个点存储在数据结构中,然后迭代数据结构,将每个点传递给translate()方法


我看过和上的一些资源,但像这样的网站通常看起来要么理论性很强,很难翻译成代码,要么它们在我不使用的语言中使用特定的api。在html5和javascript中,这种样条线动画的最佳实现(代码方面)是什么

检查这个可能是它可以关闭一些帮助@Cyril我正在寻找更多的资源,可以帮助从零开始制作样条曲线而无需库。