cocos2dx之TileMap

本文由qinning199原创,转载请注明: http://www.cocos2dx.net/?p=79

一、Tiled Map

砖块地图为了能够易用而创建,无论你的游戏是一个RPG,还是platformer(平台游戏)或者是Breakout clone都可以灵活的应用在cocos2dx中,cocos2dx支持由开源项目TiledMap Editor创作的地图并且被存储为TMX格式。

二、TMX 砖块地图格式

Cocos2d支持由Tiled创造的地图。

Tiled有两个版本:

         一个是java项目,可以运行在mac,window和linux中,是一个稳定的版本。

         一个QT项目,几乎支持所有java版本的功能。最新的QT版本号是0.4.0并且支持除了六边形地图之外的所有地图。

用哪个版本你可以自己决定,我们建议使用QT版本,因为从现在开始这个版本是开发主线了,但是一些人也喜欢用java版本,因为不是所有旧的特性已经被移植过来了。

三、Cocos2d支持如下的TMX地图:

方向:

   正交地图

  等距地图

  六角地图(边在左右方向。边在上下的不被支持。貌似Tiled不支持他们)

砖块:

       被嵌入的砖块不被支持(是指:嵌入图片的砖块集)

         仅仅被嵌入的砖块集被支持(是指:砖块集被嵌入,但是不是它的图片)

         每层支持至多一个砖块集

图层:

你可以设置尽可能多的图层。

通过一个CCTMXLayer(是一个CCSpriteSheet的子类)每一层Layer都将会在内部被呈现出来。

每一个砖块可以通过CCSprite(它的父类是CCTMXLayer)呈现出来。

对象组:

        对象组也可以被支持。

四、坐标系和GIDS

坐标系:

被用在64*32地图中的坐标系是:

         (0,0):左上角

         (63,31):右下角

cocos2dx之TileMap_第1张图片

GIDA

砖块的GID是指砖块的全局标识。这是一个无符号int,从1到砖块的质量不等。

 cocos2dx之TileMap_第2张图片

如果你有五种不同的砖块,那么:

Tile 0将会有GID 1

         Tile 1将会有GID 2

         Tile 2将会有GID 3

         等等。

GID 0被用来展示一个空砖块

五、如何创造一个TMX节点

// 创建TMX地图
CCTMXTiledMap *map = CCTMXTiledMap::create("TileMaps/iso-test-vertexz.tmx");

addChild(map, 0, kTagTileMap);

// 所有的地图默认是失真的,如果你想创建非失真砖块,你需要添加入下代码:

//遍历所有的层(失真精灵管理者),并且设置他们为非失真

CCArray * pChildrenArray = map->getChildren();

CCSpriteBatchNode* child = NULL;

CCObject* pObject = NULL;

CCARRAY_FOREACH(pChildrenArray, pObject)
{
        child = (CCSpriteBatchNode*)pObject;

        if(!child)
            break;

        child->getTexture()->setAntiAliasTexParameters();
}

六、如何 get/add/delete/modify 一个砖块

获取一个砖块在特定的坐标:

CCTMXLayer* layer = map->layerNamed("Layer 0");

CCSprite *tile0 = layer->tileAt(ccp(1,63));

在特定坐标获取一个砖块的GID:

unsigned int m_gid = layer->tileGIDAt(ccp(0,63));
在特定的坐标设置一个砖块的GID
layer->setTileGID(m_gid, ccp((float)3, (float)3));

// 在特定坐标移除砖块

layer->removeTileAt( ccp(5.0, 5.0) );

遍历一个Layer

CGSize s = layer->getLayerSize();

for( int x=0; x<s.width;x++) {

        for( int y=0; y< s.height; y++ ) {                 

                unsigned int tmpgid = layer->tileGIDAt(ccp(x,y));

                layer->setTileGID(tmpgid+1,ccp(x,y));

        }

}

等距地图和正交地图都是适用的。但是对六角地图不适用。
七、z-order和深度缓冲

如果你的游戏需要通过设置精灵的z值将精灵们放到特定砖块的之前或者之后,那么你又两个选择使用OpenGL ES深度缓冲

  • 使用多个TMX Layer和z-order

使用深度缓存

使用两个TMX层来创建一个地图是非常重要的:

  • 一个背景图层:例如:草地
  • 一个前景图层。例如:树木

 cocos2dx之TileMap_第3张图片

草地图层将会放到精灵之后。那么它的vertexZ值应该是最低的值。比如:-1000.树的砖块图层将会有不同的vertexZ值。在顶层的砖块将会比在底层的砖块有更高的vertexZ值。

  cocos2dx之TileMap_第4张图片   cocos2dx之TileMap_第5张图片

那么,为了完成这些,你仅仅做如下这些就行:

         打开Tiled

         选择背景图层,比如草地

         Tiled—-Layer—–Layer属性

         添加cc_vertexz=-1000

         选择前景北京,比如树

         Tiled—–Layer—–Layer属性

         添加cc_vertexz=automatic

八、Cocos2d例子:

cocos2dx之TileMap_第6张图片 等距vertexZ例子。有两个层:树和草。为树层设置cc_vertex=automatic ,为草层设置cc_vertexz=-1000
cocos2dx之TileMap_第7张图片 正交顶点粒子。有两个层,树和草。为树层设置Cc_vertexz=automatic和cc_alpha_func=0.4,为草层设置cc_vertexz=-1000

使用多层TMX层和z-顺序

在地图中的每一层都将自动的设置zOrder值,那么在你的TMX编辑器中没有必要添加任何图层属性。添加一个TMXMap的子精灵需要你去动态的放置层中的地图对象。

CCSprite m_tamara = CCSprite::create(tamara.png);

CCPoint p = m_tamara->getPosition();

p = CC_POINT_POINTS_TO_PIXELS;

float newZ = -(p.y+32) /16;

m_tamara->setVertexZ( newZ );

截屏 
cocos2dx之TileMap_第8张图片 正交地图,可以3D投射和消除锯齿砖块。使用精灵片修复工具砖块被“修正”了。
cocos2dx之TileMap_第9张图片 正交地图。地图的砖块大小比实际砖块小
cocos2dx之TileMap_第10张图片 等比地图。使用2d投影和失真砖块
cocos2dx之TileMap_第11张图片 六边形地图,2D投影和失真砖块。边在左右,上下的边不被支持。

你可能感兴趣的:(cocos2dx,tiledmap,tmx,cocos2dx地图)