詳解iOS游戲開發(fā)中Cocos2D的坐標位置關(guān)系

更新時間：2016年02月24日 16:43:31 作者：喝醉的毛毛蟲

這篇文章主要介紹了iOS游戲開發(fā)中Cocos2D的坐標位置關(guān)系,Cocos2D是專門用來開發(fā)iOS游戲的開源框架,文中示例代碼采用Objective-C語言,需要的朋友可以參考下

接觸Cocos2D有段時間了，今天特意研究了下Cocos2D坐標系中各種位置關(guān)系，anchor屬性，CCNode坐標和地圖坐標轉(zhuǎn)換。

先看一段代碼：

-(id) init  

{  

    // always call "super" init  

    // Apple recommends to re-assign "self" with the "super" return value  

    if( (self=[super init])) {  

        CCTMXTiledMap *gameWorld = [CCTMXTiledMap tiledMapWithTMXFile:@"PositionText.tmx"];  

        [self addChild:gameWorld];  

        CGSize winSize = [[CCDirector sharedDirector] winSize];  

        CCLOG(@"gameWorld.mapSize.width:%.2f  gameWorld.mapSize.height:%.2f",gameWorld.mapSize.width, gameWorld.mapSize.height);  

        CCLOG(@"gameWorld.tileSize.width: %.2f  gameWorld.tileSize.height:%.2f", gameWorld.tileSize.width, gameWorld.tileSize.height);  

        CCLOG(@"winSize.width:%.2f  winSize.height:%.2f", winSize.width, winSize.height);  

        CCSprite *pointSprite = [CCSprite spriteWithFile:@"point.png"];  

        [gameWorld addChild:pointSprite z:2 tag:1];  

        pointSprite.position = ccp(20,20);  

        pointSprite.anchorPoint = ccp(0.5, 0.5);  

        CCSprite *rectSprite = [CCSprite spriteWithFile:@"myrect.png"];  

        [gameWorld addChild:rectSprite z:1 tag:1];  

        rectSprite.position = ccp(20,20);  

        rectSprite.anchorPoint = ccp(0.5, 0.5);       

    }  

    return self;  

}

1、加載地圖：

復制代碼代碼如下:

CCTMXTiledMap *gameWorld = [CCTMXTiledMap tiledMapWithTMXFile:@"PositionText.tmx"];  

2、獲取手機屏幕大小

復制代碼代碼如下:

CGSize winSize = [[CCDirector sharedDirector] winSize];

3、地圖格子數(shù)：

復制代碼代碼如下:

gameWorld.mapSize （10，10）

4、地圖格子大?。?/strong>

復制代碼代碼如下:

gameWorld.tileSize    （20，20）

5、整個地圖大?。?br />
復制代碼代碼如下:

     gameWorld.mapSize * gameWorld.tileSize;

     當然這里所說的是地圖格子是個正方形，非正方形也容易啦。
6、anchor屬性

     1）添加一個精靈，這個精靈是個像素為1*1的紅色圖片，設置坐標為20，20，即在地圖的第一個格子的右上角，設置anchorPoint為（0.5， 0.5）
     2）再添加一個精靈，這個精靈是個像素為20*20的藍色圖片，設置坐標為20，20，即在地圖的第一個格子的右上角，同樣設置anchorPoint為（0.5， 0.5）

         運行效果是矩形精靈的中心和在點精靈的位置，即矩形精靈的錨點為第一個格子的右上角（20，20）坐標處
     去掉兩個精靈的anchorPoint屬性

          運行效果和上面相同

     設置rectSprite的anchorPoint為ccp(0,0)

          運行效果是矩形精靈的左下角與點精靈重合。
     設置rectSprite的anchorPoint為ccp(1,1)

          運行效果是矩形精靈的右上角與點精靈重合。
     同理設置ccp(0.5, 1) , ccp(1, 0.5)等

     由上面可以得出：
         1）anchorPoint屬性默認為ccp(0.5, 0.5)

         2）當設置（0，0）時是以左下角為錨點

         3）當設置（1， 1）時是以右上角角為錨點

         4）由此可以自己推論到底該把錨點設置在哪里

    Cocos2D使用的是OpenGL坐標系

    OpenGL坐標系：原點在左下角， X軸向右，Y軸向上

    IPhone屏幕坐標系：原點在左上角，X軸向右，Y軸向下
   很簡單的判斷方法：由于Cocos2D的坐標系的原點在左下角。所以精靈內(nèi)部坐標原點也是左下角，即當anchorPoint為（0， 0）時即以左下角為錨點，為（1，1）時就以右上角為錨點，當然（0.5， 0.5）就是以精靈中心為錨點了。由此可以推算出-2,-3....    2, 3....   等值時精靈錨點坐標。

7、坐標轉(zhuǎn)換

復制代碼代碼如下:

-(id) init
{
    // always call "super" init
    // Apple recommends to re-assign "self" with the "super" return value
    if( (self=[super init])) {
        CCTMXTiledMap *gameWorld = [CCTMXTiledMap tiledMapWithTMXFile:@"PositionText.tmx"];
        [self addChild:gameWorld];
        CGSize winSize = [[CCDirector sharedDirector] winSize];
        CCLOG(@"gameWorld.mapSize.width:%.2f gameWorld.mapSize.height:%.2f",gameWorld.mapSize.width, gameWorld.mapSize.height);
        CCLOG(@"gameWorld.tileSize.width: %.2f gameWorld.tileSize.height:%.2f", gameWorld.tileSize.width, gameWorld.tileSize.height);
        CCLOG(@"winSize.width:%.2f winSize.height:%.2f", winSize.width, winSize.height);

        CCSprite *pointSprite = [CCSprite spriteWithFile:@"point.png"];
        [gameWorld addChild:pointSprite z:2 tag:1];
        pointSprite.position = ccp(20,20);
        //pointSprite.anchorPoint = ccp(0.5, 0.5);


        CCSprite *rectSprite = [CCSprite spriteWithFile:@"myrect.png"];
        [gameWorld addChild:rectSprite z:1 tag:1];
        rectSprite.position = ccp(40,40);
        rectSprite.anchorPoint = ccp(2, 2);

        [self setIsTouchEnabled:YES];
    }
    return self;
}

- (void) registerWithTouchDispatcher {
    [[CCTouchDispatcher sharedDispatcher] addTargetedDelegate:self priority:INT_MIN + 1 swallowsTouches:YES];
}

- (BOOL) ccTouchBegan:(UITouch *)touch withEvent:(UIEvent *)event {
    CGPoint point = [touch locationInView: [touch view]];
    CCLOG(@"Screen coordX: %.2f coordY: %.2f", point.x, point.y);

    point = [[CCDirector sharedDirector] convertToGL: point];
    CCLOG(@"OpenGL coordX: %.2f coordY: %.2f", point.x, point.y);

    point = [self convertToNodeSpace: point];
    CCLOG(@"CCNode1 coordX: %.2f coordY: %.2f", point.x, point.y);

    point = [self convertTouchToNodeSpace: touch];
    CCLOG(@"CCNode2 coordX: %.2f coordY: %.2f", point.x, point.y);

        point = [[CCDirector sharedDirector] convertToUI:point];
        CCLOG(@"UIView coordX: %.2f coordY: %.2f", point.x, point.y);

        point = [rectSprite convertTouchToNodeSpaceAR:touch];
        CCLOG(@"TouchAR coordX: %.2f coordY: %.2f", point.x, point.y);
        return YES; CCNode
}

- (void) ccTouchMoved:(UITouch *)touch withEvent:(UIEvent*)event {

}

- (void) ccTouchEnded:(UITouch *)touch withEvent:(UIEvent*)event {

}

     上面的代碼添加了UIView的事件處理。由于屏幕和Cocos2D采用不同的坐標系，所以我們需要進行坐標轉(zhuǎn)換。

     1）首先獲取屏幕坐標

     2）將屏幕坐標轉(zhuǎn)換為OpenGL的坐標

     3）將OpenGL的坐標轉(zhuǎn)換為Cocos2D的坐標。

     從運行結(jié)果可以看出Node1和Node2打印出的坐標相同。因為Cocos2D給我們寫了covertTouchToNodeSpace方法，可以看看它的源碼：

復制代碼代碼如下:

- (CGPoint)convertTouchToNodeSpace:(UITouch *)touch
{
    CGPoint point = [touch locationInView: [touch view]];
    point = [[CCDirector sharedDirector] convertToGL: point];
    return [self convertToNodeSpace:point];
}

     至于為什么OpenGL和Node1輸出既然相同，為什么還要使用convertToNodeSpace，由于能力有限，希望大牛們能給告訴我答案。
    UIView輸出的是將Cocos2D坐標轉(zhuǎn)換為屏幕即quartz坐標。
   4) convertTouchToNodeSpaceAR是將觸摸點轉(zhuǎn)換為相對于rectSprite的坐標

8、判斷觸摸點是否在制定的精靈上

復制代碼代碼如下:

- (BOOL) ccTouchBegan:(UITouch *)touch withEvent:(UIEvent *)event {
    CGPoint point = [touch locationInView: [touch view]];
    CCLOG(@"Screen coordX: %.2f coordY: %.2f", point.x, point.y);

    point = [[CCDirector sharedDirector] convertToGL: point];
    CCLOG(@"OpenGL coordX: %.2f coordY: %.2f", point.x, point.y);

    point = [self convertToNodeSpace: point];
    CCLOG(@"CCNode1 coordX: %.2f coordY: %.2f", point.x, point.y);

    point = [self convertTouchToNodeSpace: touch];
    CCLOG(@"CCNode2 coordX: %.2f coordY: %.2f", point.x, point.y);

    //point = [[CCDirector sharedDirector] convertToUI:point];
    //CCLOG(@"UIView coordX: %.2f coordY: %.2f", point.x, point.y);
    CCLOG(@"%d", rectSprite.textureRect.size.width);

    CGRect rect = [rectSprite textureRect];
    rect = CGRectMake(0, 0, rect.size.width, rect.size.height);
    CCLOG(@"orgX: %.2f orgY: %.2f width:%.2f height: %.2f",rect.origin.x, rect.origin.y, rect.size.width, rect.size.height);

    point = [rectSprite convertTouchToNodeSpaceAR:touch];
    CCLOG(@"TouchAR coordX: %.2f coordY: %.2f", point.x, point.y);
    if(CGRectContainsPoint(rect, point)) {
        CCLOG(@"You touched in the rectSprite");
    }
    return YES;
}

9、獲取觸摸的是哪個tile，并改變該tile.

復制代碼代碼如下:

CCSprite *rectSprite;
CCTMXTiledMap *gameWorld;
int speed = 10;
-(id) init
{
    // always call "super" init
    // Apple recommends to re-assign "self" with the "super" return value
    if( (self=[super init])) {
        gameWorld = [CCTMXTiledMap tiledMapWithTMXFile:@"PositionText.tmx"];
        [self addChild:gameWorld];
        CGSize winSize = [[CCDirector sharedDirector] winSize];
        CCLOG(@"gameWorld.mapSize.width:%.2f gameWorld.mapSize.height:%.2f",gameWorld.mapSize.width, gameWorld.mapSize.height);
        CCLOG(@"gameWorld.tileSize.width: %.2f gameWorld.tileSize.height:%.2f", gameWorld.tileSize.width, gameWorld.tileSize.height);
        CCLOG(@"winSize.width:%.2f winSize.height:%.2f", winSize.width, winSize.height);

        CCSprite *pointSprite = [CCSprite spriteWithFile:@"point.png"];
        [gameWorld addChild:pointSprite z:2 tag:1];
        pointSprite.position = ccp(20,20);
        pointSprite.anchorPoint = ccp(0.5, 0.5);


        rectSprite = [CCSprite spriteWithFile:@"myrect.png"];
        [gameWorld addChild:rectSprite z:0 tag: 3];
        rectSprite.position = ccp(40, 40);
        rectSprite.anchorPoint = ccp(0, 0);

        [self setIsTouchEnabled:YES];
    }
    return self;
}

- (void) registerWithTouchDispatcher {
    [[CCTouchDispatcher sharedDispatcher] addTargetedDelegate:self priority:INT_MIN + 1 swallowsTouches:YES];
}

- (BOOL) ccTouchBegan:(UITouch *)touch withEvent:(UIEvent *)event {
    CGPoint point = [touch locationInView: [touch view]];
    point = [self convertTouchToNodeSpace: touch];
    CCLOG(@"CCNode2 coordX: %.2f coordY: %.2f", point.x, point.y);

    CGPoint tilePos = [self tilePosition:point];
    if(tilePos.x == -1 || tilePos.y == -1) return NO;
    CCTMXLayer *ly = [gameWorld layerNamed:@"Layer 0"];
    if([ly tileGIDAt:tilePos] != 3) {
        [ly setTileGID:0 at: tilePos];
    }
    return YES;
}

- (void) ccTouchMoved:(UITouch *)touch withEvent:(UIEvent*)event {

}

- (void) ccTouchEnded:(UITouch *)touch withEvent:(UIEvent*)event {

}

- (CGPoint) tilePosition:(CGPoint)pos {
    CGPoint point;
    CCTMXLayer *ly = [gameWorld layerNamed:@"Layer 0"];
    if(ly== nil) {
        CCLOG(@"Error: Layer not found!");
        return ccp(-1, -1);
    }
    CGSize layerSize = [ly layerSize];
    CGSize tileSize = [gameWorld tileSize];
    int x = pos.x / tileSize.width;
    int y = layerSize.height - pos.y / tileSize.height;
    if((x >= 0) && (x < layerSize.width) && (y >= 0) && (y < layerSize.height)) {
        point = ccp(x, y);
    } else {
        point = ccp(-1, -1);
    }
    if(point.x < 0) return ccp(-1, -1);
    if(point.y < 0) return ccp(-1, -1);
    if(point.x >= layerSize.width) return ccp(-1, -1);
    if(point.y >= layerSize.height) return ccp(-1, -1);
    CCLOG(@"%d, %d", x, y);
    return point;
}

您可能感興趣的文章:
如何使用CocosCreator對象池
CocosCreator如何實現(xiàn)劃過的位置顯示紋理
整理CocosCreator常用知識點
全面講解CocosCreator熱更新
CocosCreator經(jīng)典入門項目之flappybird
CocosCreator通用框架設計之網(wǎng)絡
如何用CocosCreator實現(xiàn)射擊小游戲
cocos2dx實現(xiàn)橡皮擦效果以及判斷是否擦除完畢
使用C++進行Cocos2d-x游戲開發(fā)入門過程中的要點解析
剖析iOS開發(fā)中Cocos2d-x的內(nèi)存管理相關(guān)操作
詳解CocosCreator項目結(jié)構(gòu)機制

Cocos2D

iOS

相關(guān)文章

iOS開發(fā)中使用Picker View實現(xiàn)一個點菜應用的UI示例
這篇文章主要介紹了iOS開發(fā)中使用Picker View實現(xiàn)一個點菜應用的UI示例,代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下
2016-01-01

iOS tableView實現(xiàn)頭部拉伸并改變導航條漸變色
這篇文章主要為大家詳細介紹了iOS tableView實現(xiàn)頭部拉伸并改變導航條漸變色，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-05-05

IOS self和super詳解實現(xiàn)原理及區(qū)別
這篇文章主要介紹了iOS self和super詳解實現(xiàn)原理及區(qū)別的相關(guān)資料,這里不僅說明區(qū)別并介紹實現(xiàn)原理，具有參考價值，需要的朋友可以參考下
2016-12-12

iOS基礎動畫教程分享
這篇文章主要為大家詳細介紹了iOS幾種基礎動畫教程，包括位置動畫、透明度動畫、大小動畫等,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-11-11

iOS umeng 獲取deviceToken的方法
下面小編就為大家分享一篇iOS umeng 獲取deviceToken的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-01-01

iOS開發(fā)總結(jié)之UILabel常用屬性介紹
下面小編就為大家分享一篇iOS開發(fā)總結(jié)之UILabel常用屬性介紹，具有很的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2017-12-12

iOS中的緩存計算和清除完整實例代碼
iOS設備使用時間長了，一些應用程序的緩存垃圾文件就會越存越多，這些文件堆積多了就會拖慢系統(tǒng)速度。因此，小編整理了iOS中的緩存計算和清除實例
2017-04-04

ajax 三種實現(xiàn)方法實例代碼
這篇文章主要介紹了ajax 三種實現(xiàn)方法實例代碼的相關(guān)資料,需要的朋友可以參考下
2016-09-09

IOS實現(xiàn)微信授權(quán)登錄功能
微信是一個在開發(fā)中經(jīng)常會使用到的平臺，比如微信登錄、授權(quán)、支付、分享。今天我們來看看如何在自己的應用里面集成微信授權(quán)，需要的朋友參考下吧
2017-03-03

iOS圖片拉伸的4種方法
這篇文章主要為大家詳細介紹了iOS圖片拉伸的4種方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-01-01

最新評論

大家感興趣的內(nèi)容

1iOS中GCD定時器詳解
2Objective-C中字符串的拼接方法小結(jié)
3Xcode使用教程詳細講解(全)
4iOS開發(fā)中ViewController的頁面跳轉(zhuǎn)和彈出模態(tài)
5iOS毛玻璃效果的實現(xiàn)及圖片模糊效果的三種方法
6iOS為UIView設置陰影效果
7iOS設置UIButton文字顯示位置和字體大小、顏色的方法
8iOS內(nèi)存錯誤EXC_BAD_ACCESS的解決方法
9IOS 簽名錯誤codesign failed with e
10詳解iOS中Button按鈕的狀態(tài)和點擊事件

最近更新的內(nèi)容

iOS擼一個簡單路由Router的實現(xiàn)代碼
詳解IOS WebRTC的實現(xiàn)原理
iOS自帶原生二維碼掃描的實現(xiàn)
iOS中Cell的Section展開和收起的示例代碼
iOS開發(fā)中Quartz2D的基本使用方式舉例
iOS開發(fā)之路--微博新特性頁面
iOS 二維碼掃描相關(guān)功能實現(xiàn)
iOS第三方框架二維碼生成與掃描
iOS UITextField、UITextView只限輸入中文、英文、數(shù)字
iOS錄屏和截屏監(jiān)聽的實現(xiàn)代碼

常用在線小工具

欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

軟件下載

源碼下載

軟件編程

網(wǎng)絡編程

在線工具

數(shù)據(jù)庫

CMS

常用工具

詳解iOS游戲開發(fā)中Cocos2D的坐標位置關(guān)系

相關(guān)文章

最新評論

大家感興趣的內(nèi)容

最近更新的內(nèi)容

常用在線小工具