在Cocos2d-x中贝塞尔曲线运动的封装类为CCBezierTo和CCBezierBy。
这两个Action都需要传入一个参数ccBezierConfig,这是一个结构体,这个结构体有三个字段
1.CCPoint endPosition:结束点
2.CCPoint controlPoint_1:控制点1
3.CCPoint controlPoint_2:控制点2
两个控制点的会影响曲线的变化趋势。
Cocos2d-x中贝塞尔曲线运动的实现是二次曲线。
曲线的每个点的坐标是根据一个区间为0到1的变量t、开始点、结束点和两个控制点,通过方程计算出来的。
开始点就是精灵的当前位置,结束点和两个控制点通过ccBezierConfig这个结构体封装。
二次曲线
为建构二次贝塞尔曲线,可以中介点Q0和Q1作为由0至1的t:
- 由P0至P1的连续点Q0,描述一条线性贝塞尔曲线。
- 由P1至P2的连续点Q1,描述一条线性贝塞尔曲线。
- 由Q0至Q1的连续点B(t),描述一条二次贝塞尔曲线。
![](http://img.blog.csdn.net/20150512100515576)
二次贝塞尔曲线的结构
![](http://img.blog.csdn.net/20150512100540614)
二次贝塞尔曲线演示动画,t在[0,1]区间
controlPoint_1对应图中的点Q0
controlPoint_2对应图中的点Q1
>>点击查看贝塞尔曲线的更详细解释
实现
ParabolaTo.h
- #ifndef __PARABOLATO_H__
- #define __PARABOLATO_H__
-
- #include "cocos2d.h"
- USING_NS_CC;
-
-
- class ParabolaTo
- {
- public:
-
-
-
-
-
-
-
-
- static CCEaseInOut* create(float t, CCPoint startPoint, CCPoint endPoint, float height = 0, float angle = 60);
- };
-
- #endif // !__PARABOLATO_H__
ParabolaTo.cpp
- #include "ParabolaTo.h"
-
- CCEaseInOut* ParabolaTo::create(float t, CCPoint startPoint, CCPoint endPoint, float height , float angle ){
-
-
- float radian = angle*3.14159/180.0;
-
- float q1x = startPoint.x+(endPoint.x - startPoint.x)/4.0;
- CCPoint q1 = ccp(q1x, height + startPoint.y+cos(radian)*q1x);
-
- float q2x = startPoint.x + (endPoint.x - startPoint.x)/2.0;
- CCPoint q2 = ccp(q2x, height + startPoint.y+cos(radian)*q2x);
-
-
- ccBezierConfig cfg;
- cfg.controlPoint_1 = q1;
- cfg.controlPoint_2 = q2;
- cfg.endPosition = endPoint;
-
- return CCEaseInOut::create(CCBezierTo::create(t,cfg),0.5);
- }
调用示例:
-
- pBall->setPosition(ccp(50,50));
-
-
-
- pBall->runAction(
- CCSpawn::create(
- CCRotateBy::create(1,360),
- ParabolaTo::create(1,pBall->getPosition(),ccp(450,50),100)
- ,NULL)
- );
![](http://img.blog.csdn.net/20141220004053783)
以下是angle分别为60、30、80,height为100时,球的移动截图(图中的蓝点为两个控制点)。
![](http://img.blog.csdn.net/20141219224236468?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbGluY2hhb2xvbmc=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
angle是两个控制点连线与y轴之间的夹角,会直接影响球的抛出角度。
height会影响球移动时抛物线的高度。
角度测量工具下载:http://pan.baidu.com/s/1c0zrnri
项目地址:https://coding.net/u/linchaolong/p/ParabolaAction/git