小满(bill man)个人原创,欢迎转载,转载请注明地址,小满(bill man)的专栏地址http://blog.csdn.net/bill_man
地图是游戏中不可缺少的元素,cocos2d-x中支持两种瓦片地图集生成的方式,分别是通过.tga文件和.tmx文件(.tga文件已经不是推荐方法,只是为了兼容性的问题继续保留)
1.tga文件
![](https://box.kancloud.cn/2016-04-26_571f3f110fa5c.gif)
使用方法相对简单,第一个参数是图素文件,第二个参数是tga文件,也就像是地图的图纸一样,后两个参数分别为图素的宽高,tga文件应该是通过photoshop生成,这种方法在现在有tile编辑器的情况下应该已经不太推荐了,效果如下
![](https://box.kancloud.cn/2016-04-26_571f3f111f7b4.gif)
1.mx文件
用法类似,只是有了地图图素编辑器以后,地图更方便编辑了,用法如下
![](https://box.kancloud.cn/2016-04-26_571f3f114a387.gif)
这个只有一个参数就是tmx文件的路径
地图编辑器的下载地址如下,支持45度角方向和正常方向两个方向,拖动图素向地图编辑区就可以编辑相应地图了,非常方便。
[http://www.mapeditor.org/](http://www.mapeditor.org/)
![](https://box.kancloud.cn/2016-04-26_571f3f115b84d.gif)
两种方式的效果如下
45度角
![](https://box.kancloud.cn/2016-04-26_571f3f116e69d.gif)
正常
![](https://box.kancloud.cn/2016-04-26_571f3f118d543.gif)
可以把精灵类加入到地图中并且可以通过改变地图与对象的层次来处理精灵对象与地图的遮挡关系,用法如下:
~~~
//定义对象并加入到地图中
m_tamara = CCSprite::spriteWithFile(s_pPathSister1);
map->addChild(m_tamara, map->getChildren()->count() );
//改变在地图中的层次
int newZ = 4 - (p.y / 48);
newZ = max(newZ,0);
map->reorderChild(m_tamara, newZ);
也可以把精灵放入地图中,然后获得再控制精灵
//获得精灵
CCTMXLayer* layer = map->layerNamed("Trees");
m_tamara = layer->tileAt( ccp(29,29) );
m_tamara->retain();
//通过z轴控制遮挡
m_tamara->setVertexZ( -( (p.y+32) /16) );
~~~
可以通过设置摄像机来设置地图的视角
~~~
map->getCamera()->getEyeXYZ(&x, &y, &z);
map->getCamera()->setEyeXYZ(x-200, y, z+300);
~~~
也可以通过设置动作实现缩放
map->runAction( CCScaleBy::actionWithDuration(2, 0.5f) ) ;
刚开始研究此引擎,如有错误之处,希望大家多多指正
下一篇写一下test类里面的其他场景
- 前言
- (1)--HelloWorld
- (2)--重要概念及Test例子结构
- (3)--动作(CCAction)
- (4)--触屏事件
- (5)--动作管理
- (6)--场景间切换效果
- (7)--CCProgressTimer
- (8)--场景特效
- (9)--粒子系统
- (10)--运动中的加速度效果
- (11)--拖动间隐效果
- (12)--图形绘制
- (13)--内存回收机制
- (14)--菜单项
- (15)--CCOrbitCamera
- (16)--LayerColor
- (17)--瓦片地图集
- (18)--Lable
- (19)--物理引擎box2d(1)
- (20)--物理引擎box2d(2)
- (21)--精灵类
- (22)--动画类
- (23)--其他(屏幕旋转,schedule,系统语言)
- (24)--音乐音效
- (25)--CCRenderTexture
- (26)--其他(游戏存档,切换高清,图片处理)
- (27)--CCMutableArray
- (28)--CCTMXTiledMap
- (29)-cocosBuilder
- (30)2.1新特性之CCClippingNode
- (31)2.1新特性CCPhysicsSprite
- (32)-cocos2d-x & javascript跨平台初体验