cocos2d-x支持直角(90度)瓦片地图和斜角(45度)瓦片地图,直角瓦片地图用于2d游戏的地图,斜角瓦片地图给大脑形成3d的幻觉,所以常用于3d游戏的地图。
本文只将常用的直角瓦片地图。
基本概念:
直角瓦片地图可以用Tiled Map Editor制作,同时tiled生成的TMX格式的地图也是cocos2d推荐的地图格式。
地图集(tiles sets)
- 被嵌套的瓦片地图不被支持(如 使用瓦片素材组与其他图片)
- 仅支持封装瓦片地图组(仅有瓦片素材组被导入地图文件)
- 每个Layer最多支持1套瓦片素材组。
地图层(tiles layer)
- Tiles中Layer的数量没有上限。
- 每一个Layer可以被CCTMXLayer类表示( 为CCSpriteSheet的子类)
- 每一个单一的瓦片被CCSprite表示(父节点为CCTMXLayer)
对象组 (Object Groups)
- 瓦片地图支持对象组
- 对象又称精灵,指在瓦片地图中不受瓦片图素限制的精灵,可以精确到像素
坐标(Coordinates)
64*32的Tiled瓦片地图文件的坐标系统为:
- (0, 0): 左上角
- (63, 31): 右下角(坐标下标从0开始)
全局标识(GIDS)
- 瓦片的GID是一个全局标识量,他的范围从正整数1开始,到瓦片地图中tile的总量
-
如果你的地图中有5个不同的瓦片,那么:
-
瓦片0的GID为1
-
瓦片1的GID为2
-
瓦片3 的GID为3
-
以此类推
-
瓦片的GID 为 0 被用来表示此瓦片为空。
-
代码示例:创建瓦片地图
代码效果视频:http://www.56.com/u41/v_OTE1NTU0OTQ.html
明日预告:瓦片地图的滚动及触摸事件处理,敬请期待
//创建一个瓦片 CCTMXTiledMap *tiledmap = CCTMXTiledMap::create("awakenjoys.tmx"); tiledmap->setPosition(ccp(0, 0)); //设置地图位置 tiledmap->setAnchorPoint(ccp(0, 0)); //设置地图锚点 this->addChild(tiledmap, 2); //将地图加入Layer //瓦片地图的大小由瓦片图素格数量和瓦片尺寸组成 CCSize MapSize = tiledmap->getMapSize(); //获取瓦片地图大小 CCLog("Map size is %f, height:%f", MapSize.width, MapSize.height); CCSize TiledSize = tiledmap->getTileSize(); //获取瓦片尺寸 CCLog("tiled size is %f, height:%f", TiledSize.width, TiledSize.height); //默认瓦片地图是无抗锯齿的,需要为每个瓦片设置抗锯齿 CCArray *pChildArray = tiledmap->getChildren(); CCSpriteBatchNode* child = NULL; CCObject* pObject = NULL; //遍历瓦片,并设置抗锯齿属性 CCARRAY_FOREACH(pChildArray, pObject) { child = (CCSpriteBatchNode*)pObject; if (!child) { break; } child->getTexture()->setAntiAliasTexParameters(); } //指定坐标获取Tile CCTMXLayer *MapLayer = tiledmap->layerNamed("tiledlayer1"); CCSprite *Tile = MapLayer->tileAt(ccp(5, 11)); //为获取到的tile创建动作,方便我们查看效果 CCBlink *BlinkAction = CCBlink::create(10, 20); //10秒内闪烁20次 Tile->runAction(BlinkAction); CCSprite *newTile = MapLayer->tileAt(ccp(5, 13)); //获取新坐标的精灵 //newTile->setAnchorPoint(ccp(0.5f, 0.5f)); CCRotateBy *RotateAction = CCRotateBy::create(10, 7200.0f); newTile->runAction(RotateAction); //获取指定坐标的GID unsigned int map_gid = MapLayer->tileGIDAt(ccp(5, 11)); CCLog("%d", map_gid); //为指定的坐标设置新的GID MapLayer->setTileGID(100, ccp((float)5, (float)13)); CCLog("%d", MapLayer->tileGIDAt(ccp(5, 13))); //删除指定坐标的tile MapLayer->removeTileAt(ccp(5, 12));