使用CCCardinalSplineBy自定義路徑

研究了一下自帶例子中,有一項是根據點組成曲線或直線來移動精靈..覺得蠻有用處的,所以嘗試並整理了一下,和大家分享一下

1. 首先創建好了工程後修改.h文件,重載了draw函數..用於畫路徑.這是一個虛函數,雖然沒有加virtual關鍵字，C++默認是可以省略的..

class HelloWorld : public cocos2d::CCLayer
{
public:
    virtual bool init();

    // there's no 'id' in cpp, so we recommand to return the exactly class pointer
    static cocos2d::CCScene* scene();
    void draw();

    // implement the "static node()" method manually
    LAYER_CREATE_FUNC(HelloWorld);
private:
    cocos2d::CCPointArray *m_pArray;
};

2. 由於是直接顯示效果,所以直接就寫在init函數中了：

bool HelloWorld::init()
{
    bool bRet = false;
    do
    {
        CC_BREAK_IF(! CCLayer::init());
        CCSize s = CCDirector::sharedDirector()->getWinSize();

//以下是藍色方塊
        CCSprite* blue = CCSprite::create("blue.png");
        CC_BREAK_IF(!blue);
        blue->setPosition(ccp(50,50));
        this->addChild(blue);

        //創建一個點數組..
        CCPointArray * array = CCPointArray::create(20);

        //添加控制點...依次添加就可以
        array->addControlPoint(ccp(0, 0));
        array->addControlPoint(ccp(s.width/2-30, 0));
        array->addControlPoint(ccp(s.width/2-30, s.height-80));
        array->addControlPoint(ccp(0, s.height-80));
        array->addControlPoint(ccp(0, 0));

        //create(參數1：持續時間, 參數二:點數組,參數3:張力,可以理解爲慣性,數值越大,慣性越大)
        CCCardinalSplineBy *action = CCCardinalSplineBy::create(6, array, 7);
        CCActionInterval *reverse = action->reverse();//創建一個相反動作

        //創建一個序列動作..
        CCFiniteTimeAction *seq = CCSequence::create(action, reverse, NULL);
        blue->runAction(seq);

//以下是紅色方塊
        CCSprite *red = CCSprite::create("red.png");
        CC_BREAK_IF(!red);
        red->setPosition(ccp(s.width/2, 50));
        this->addChild(red);

        CCCardinalSplineBy *action2 = CCCardinalSplineBy::create(3,array,1);
        CCActionInterval *reverse2 = action2->reverse();

        CCFiniteTimeAction *seq2 = CCSequence::create(action2,reverse2,NULL);
        red->runAction(seq2);

        m_pArray = array;//把點數組中的內容賦值給成員變量,用於繪製路徑
        array->retain();//使內容保持

        bRet = true;
    } while (0);

    return bRet;
}

3. 重寫draw()函數,實現路徑繪製,當然也可以不寫,那樣精靈移動你就找不着北了...

值得注意的是那個張力值(慣性)在畫線的時候..要一致,不然畫出來的線就不是實際移動路徑了..

//重載繪製函數,用於繪製移動路徑
void HelloWorld::draw()
{
    // move to 50,50 since the "by" path will start at 50,50
    kmGLPushMatrix();//這個的意思不是很懂,猜測是打開繪製
    kmGLTranslatef(50, 50, 0);//設置位置,（x，y，z）
    ccDrawCardinalSpline(m_pArray, 7, 100);//根據點與張力來畫線（參數1：點數組，參數2：張力值，參數三：精度,指的是線段的精細程度,越大分段越多,越精細）

    kmGLPopMatrix();//停止繪製

    CCSize s = CCDirector::sharedDirector()->getWinSize();

    kmGLPushMatrix();
    kmGLTranslatef(s.width/2, 50, 0);
    ccDrawCardinalSpline(m_pArray, 1, 100);
    kmGLPopMatrix();
}

這個功能比較簡單..但是學到了點數組的使用..這用起來感覺像Vector向量數組..初始化一個大小後,add一個就加一個在最後..

上面添加了五個點..參數寫5是沒問題的..

用到的圖片：