cocos creator贝塞尔曲线
时间: 2023-07-03 09:31:19 浏览: 207
基于CocosCreator-2.2.2,创建贝塞尔曲线路径,可匀速运动
Cocos Creator提供了cc.BezierTo和cc.BezierBy两个组件,用于实现贝塞尔曲线动画。
cc.BezierTo组件可以让节点按照贝塞尔曲线轨迹运动到指定位置,其构造函数如下:
```
cc.BezierTo(duration, bezier)
```
其中,duration表示动画持续时间,bezier是一个长度为3或4的数组,表示贝塞尔曲线的起点、控制点1、控制点2(如果数组长度为4,则还需指定曲线终点)。
下面是一个简单的例子:
```
var action = cc.bezierTo(2, [cc.v2(0, 0), cc.v2(100, 200), cc.v2(200, 0)]);
node.runAction(action);
```
这段代码会让节点沿着一条起点为(0,0),控制点1为(100,200),控制点2为(200,0)的贝塞尔曲线轨迹运动,持续时间为2秒。
cc.BezierBy组件和cc.BezierTo类似,不同的是它是按照相对位置进行移动,其构造函数如下:
```
cc.BezierBy(duration, bezier)
```
用法和cc.BezierTo类似,不再赘述。
阅读全文