调整控制点 1(红色)和控制点 2(蓝色)的位置我们可以得到像最开始的图那样的波浪
线了。
另外,我们也可以注意到一个性质,假如起点、终点、控制点 1 和控制点 2 都在同一条
直线上的话,那么我们这条贝塞尔曲线就是一条直线。
按最开始的图的动画,我们最终状态是一条直线,显然就是需要这 4 个点都在同一直线
上,然而在动画过程中,我们需要的是一条曲线,也就是说动画过程中它们不会在同一直线
上了。我们也可以注意到,在波浪往上涨的时候,左边部分是凸起来的,而右半部分是凹进
去的。这对应了控制点 1 是在直线以上,而控制点 2 在直线以下。那么如何在动画里做到
呢,很简单,使用缓动函数就行了,让控制点 1 的值更快到达最终目标值,让控制点 2 的
值更慢到达最终目标值即可。(当然,单纯使用时间控制也行,在这里我还是用缓动函数)
评论0
最新资源