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

时间:2015-11-04 05:45:02

标签: javascript html5 animation transform spline

我创建了一个创建参数形状(球体,圆环和圆柱体)的程序,并对它们执行矩阵变换,以特定方式为它们设置动画(例如translate(),rotate(),scale())。我现在想要使用样条曲线对形状进行动画处理,这些样条曲线将允许形状沿着比仅使用变换更平滑的路径移动。我不确定如何用html5和javascript来解决这个问题,但基于我到目前为止的工作,我认为该方法将首先计算沿样条曲线的所有点(对于x,y)和z),将每个点存储在数据结构中,然后迭代通过每个点传递给translate()方法的数据结构。

我查看了B-SplinesNURB's上的一些资源,但是这些网站通常看起来非常理论化,很难转换为代码,或者他们使用特定的API语言我不是使用。在html5和javascript中,这种样条动画的最佳实现(代码明智)是什么?

0 个答案:

没有答案