cocos2d-x学习笔记（三）让精灵按照自己设定的运动轨迹行动（曲线移动）。（以椭圆轨迹为例）。

cocos2d-x学习笔记（三）让精灵按照自己设定的运动轨迹行动（曲线移动）。（以椭圆轨迹为例）。       

        分类：            cocos2d-x 2012-12-09 21:38 373人阅读 评论(0) 收藏 举报

ufolr原创，转载请注明：

转载自ufolr的博客 原文连接：http://blog.csdn.net/ufolr/article/details/7447773

        在cocos2d中，系统提供了CCMove、CCJump、CCBezier（贝塞尔曲线）等让精灵移动的action，但是有时候，为了让程序看上不不是那么的呆板，或者为了实现某些特定的功能，我们需要让精灵按照我们自己设定的路径（曲线运动）来移动。这就是这位篇文章我们需要讨论的话题。

        自己开始也很纠结cocos2dx没有提供更多的action动作，比如说我们要做个抛物线什么的，虽然可以用贝塞尔曲线来模拟。

用贝塞尔曲线扔个飞镖什么的倒是还不错，但当你需要重复执行action时，问题就出来了，再第二次重复贝塞尔曲线动作到时候，精灵就会飞到别的地方去了。（出现这个问题的原因，猜测贝塞尔曲线是没有起点和终点了，在第一次执行了动作之后,之前的曲线动作并没有被释放，第二次再延续这个动作，就会延为执行的那段曲线移动，当然，只是猜测，未深入研究。后来觉得不是这个原因，但具体原因未明。）

        如果我们要做一个椭圆的轨迹，有人说用3~4条贝塞尔曲线来模拟，但实验证明，在两天贝塞尔曲线的衔接点Action会有停顿，所以效果简直可以用鲁迅先生的“目不忍视”来形容。

        于是，我们考虑自己定义曲线的路径，让精灵按照我们自己的定义来行动。

需求：

        将自己设定的路径封装成一个action，让精灵执行，这里以椭圆轨迹为例。

先来两张效果图：

实现：

        单独建一个自己的动作模块：LRActionInterval。｛LRActionInterval.h&LRActionInterval.cpp｝

        基于cocos2d-x的CCActionInterval来封装自己的动作，所以：

LRActionInterval.h

[cpp] view plaincopyprint?

1. #include "CCActionInterval.h"//包含系统延时类动作头文件 
2.  
3. using namespace cocos2d; 

        想一想确定一个椭圆的条件，初中老师告诉我们，去顶一个椭圆我们需要知道他的空间位置（中心点坐标）、长半轴（a）、和短半轴（b）（或者知道半焦距（c））。也就是我们需要三个量来确定一个椭圆，所以在LRActionInterval.h中定义一个包含三个成员的结构来作为我们生成椭圆的参数：

[cpp] view plaincopyprint?

1. // 定义一个结构来包含确定椭圆的参数 
2. typedef struct _lrTuoyuanConfig { 
3.     //中心点坐标 
4.     CCPoint centerPosition; 
5.     //椭圆a长，三角斜边 
6.     float aLength; 
7.     //椭圆c长，三角底边 
8.     float cLength; 
9. } lrTuoyuanConfig; 

        然后定义我们的椭圆的类：

[cpp] view plaincopyprint?

1. class  __declspec(dllexport) LRTuoyuanBy : public CCActionInterval 
2. { 
3. public: 
4.     //用“动作持续时间”和“椭圆控制参数”初始化动作 
5.     bool initWithDuration(ccTime t, const lrTuoyuanConfig& c); 
6.     virtual void update(ccTime time);//利用update函数来不断的设定坐标 
7. public: 
8.     //用“动作持续时间”和“椭圆控制参数”创建动作 
9.     static LRTuoyuanBy *actionWithDuration(ccTime t, const lrTuoyuanConfig& c); 
10.  
11. protected: 
12.     lrTuoyuanConfig m_sConfig; 
13.     CCPoint m_startPosition; 
14.     CCPoint s_startPosition; 
15. }; 

接下来是我们的实现部分：

LRActionInterval.cpp

        其实设定路径就是不断的刷新，将路径上的点赋给执行action的对象。

因此，既然我们要做一个椭圆的轨迹，我们就需要得到椭圆上每个点的坐标值，然后将其赋给执行action的对象。获得椭圆的轨迹，再次回想初中老师的教导——椭圆标准方程：x^2/a+y^2/b=1。

        但这是个2次方程，李勇这个方程求x、y的值的时候会需要开方，而开方后还需要确定正负，虽然可以实现功能，但是给自己增加了不少代码量，也会浪费不少笔芯。所以我们要找一个更简单的公式——椭圆参数方程。

        参数方程：x=acos(θ)y=bsin(θ)；利用这个一次方程可以直观的计算出当前坐标点。

        由椭圆的参数方程我们可以分别写出返回X/Y坐标值的函数：

[cpp] view plaincopyprint?

1. static inline float tuoyuanXat( float a, float bx, float c, ccTime t )//返回X坐标 
2. { 
3.     //参数方程 
4.     return -a*cos(2*3.1415926*t)+a; 
5. } 
6. static inline float tuoyuanYat( float a, float by, float c, ccTime t )//返回Y坐标 
7. { 
8.     float b = sqrt(powf(a, 2) - powf(c, 2));//因为之前定义的参数是焦距c而不是短半轴b，所以需要计算出b 
9.     //参数方程 
10.     return b*sin(2*3.1415926*t); 
11. } 

然后实现根据中心左边、a、c确定椭圆：

[cpp] view plaincopyprint?

1. // 
2. //TuoyuanBy 
3. // 
4. LRTuoyuanBy* LRTuoyuanBy::actionWithDuration(ccTime t, const lrTuoyuanConfig& c)//利用之前定义的椭圆的三个参数初始化椭圆 
5. { 
6.     LRTuoyuanBy *pTuoyuanBy = new LRTuoyuanBy(); 
7.     pTuoyuanBy->initWithDuration(t, c); 
8.     pTuoyuanBy->autorelease(); 
9.  
10.     return pTuoyuanBy; 
11. } 
12.  
13. bool LRTuoyuanBy::initWithDuration(ccTime t, const lrTuoyuanConfig& c) 
14. { 
15.     if (CCActionInterval::initWithDuration(t)) 
16.     { 
17.                 m_sConfig = c; 
18.         return true; 
19.     } 
20.  
21.     return false; 
22. } 
23. void LRTuoyuanBy::update(ccTime time) 
24. { 
25.     if (m_pTarget) 
26.     { 
27.         CCPoint s_startPosition =m_sConfig.centerPosition;//中心点坐标 
28.         float a = m_sConfig.aLength; 
29.         float bx = m_sConfig.centerPosition.x; 
30.         float by = m_sConfig.centerPosition.y; 
31.         float c = m_sConfig.cLength; 
32.         float x = tuoyuanXat(a, bx, c, time);//调用之前的坐标计算函数来计算出坐标值 
33.         float y = tuoyuanYat(a, by, c, time); 
34.         m_pTarget->setPosition(ccpAdd(s_startPosition, ccp(x-a, y)));//由于我们画计算出的椭圆你做值是以原点为中心的，所以需要加上我们设定的中心点坐标 
35.     } 
36. } 

        这样我们只需要在程序中像使用CCBezier一样使用LRTuoyuan，让精灵执行这个Action，他就会沿着我们设定的椭圆运动了。当然，只要你给出你自己的运动函数轨迹，精灵就会按照你自己设定的轨迹运动。