本文轉載自：http://www.cnblogs.com/qinning199/p/3313748.html

<一> 笛卡爾座標系，分為左手座標系和右手座標系，如下圖：

<二> cocos2dx開發遊戲時常用的3種座標系：

1、UI座標系

    一般用於ios/android/windows sdk中，原點(x=0, y=0)在左上角。X方向從左側向右遞增，Y方向從螢幕頂部向底部遞增。

2、Direct3D座標系

    Direct座標系用笛卡爾左手座標系。

3、OpenGL和cocos2dx座標系

    OpenGL和cocos2dx一樣用笛卡爾右手座標系，在二維世界裡，僅僅用到了X、Y軸，那麼在cocos2dx遊戲中，

<三> 父類和子類：

   每一個繼承自CCNode的類都有一個錨點屬性，當決定如何繪製物件（Sprite、Layer以及其他的）時候，cocos2dx將會考慮位置資訊以及錨點資訊，並且當旋轉一個物體時，cocos2dx會繞著錨點旋轉。

   我們建立一個灰色的Sprite的影象作為父物件，建立一個綠色的Sprite作為子物件，設定父物件的位置ccp(100,100),錨點ccp(0,0),子物件的位置在ccp(0,0),錨點在ccp(0.5,0.5)。

    CCSprite* parent = CCSprite::create("
 
parent.png");
    parent->setAnchorPoint(ccp(0, 0));// 錨點
    parent->setPosition(ccp(100, 100));
    parent->setAnchorPoint(ccp(0, 0));
    addChild(parent);

    CCSprite* child = CCSprite::create("child.png");
    child->setAnchorPoint(ccp(0.5, 0.5));
    child->setPosition(ccp(0, 0));
    parent
 
->addChild(child);//新增子精靈到父精靈中

因此得到的位置如下圖所示：

<四> 錨點

錨點被用於位置和旋轉物體。錨點是相對座標（也就是一個百分比），經常被用來對應一個物體內的點。例如，錨點是ccp（0.5,0.5）（表示x方向在物體50%的位置，y方向50%的位置）對應物體的中心。當設定物體位置的時候，呼叫setPositon時，錨點資訊也會在座標系中展示。相同的，當轉動物體，物體將會隨錨點轉動。

例如，如下精靈有一個錨點cpp(0,0)並且位置在ccp(0,0):

因此，精靈被放置在螢幕左下角。

    CCSprite *sprite = CCSprite::create("bottonleft.png");

    sprite->setAnchorPoint(ccp(0,0));

    在如下的例子中，展示了錨點座標的相對性，錨點被賦值為ccp（0.5，0.5）,位於精靈的中心。

    CCSprite *sprite = CCSprite::create("center.png");

    sprite->setAnchorPoint(ccp(0.5,0.5));

    正如你所看到的的，精靈的中心位置被放置在了座標原點（0，0）。這也就是說錨點不是一個畫素值。錨點的X和Y值是相對於該節點的大小。

    你也可以設定錨點為ccp(0.3,0.3)，物體左下角錨點是（0，0），右上角是(1,1)，因此ccp(0.3,0.3)表示在X方向上30%位置，Y方向上30%位置。