Tiledmap组件
LakeShore 1.1 新增 TiledMap组件，支持Tiled Map Editor的地图文件Lakeshore只能够调用解析Tiled Map Editor制作的tmx地图文件，不提供对tmx地图文件的编辑功能。Tiled Map Editor官方地址： Tiled是基于Java/Qt的开源区块地图编辑器，Tiled支持2D和2.5D地图及多种区块类型，它将地图保存成一个xml文件，借助xml的特性使地图可通用于各种游戏平台，目前Lakeshore暂时只支持地图方向为正常模式的所编辑的地图（正常模式为90度），如图：另外，目前Lakeshore只支持图块数据的显示，还不支持地形数据的显示，如图：在Lakeshore中添加Tiled的tmx地图的方法：拖动TiledMap组件到场景中。点击TiledMap属性面板的TMX源输入框，在弹出的文件查找窗口找到并指定要加载的tmx文件，如下图：这样Lakeshore便可调用并显示tmx地图了。*注意：建议将Tiled软件编辑完的tmx文件与其所用到的图片文件都保存到当前项目工程文件夹下的other文件夹中，否则可能会存在安全域导致显示不了问题。导入tmx文件之后，TiledMap属性栏的对象面板将显示Tiled Map Editor中对象层的内容，如图：&&&同样，Tiled Map Editor中的图层内容也会呈现在层面板中,如图：&& 层面板中可以设置相应图层的显示和隐藏。目前Lakeshore暂时没有对Tiledmap组件的条件、行为，动作的支持。
&&&&&&&&&&&
阅读(1920)
我可能需要关注的开源项目? >
我可以选择哪些技术支持? >
我可以选择哪些培训方式？>
过去的内容？>
(已满) (已满) (已满) (已满) (未满)
Copyright (C) . 京ICP备号 京公网安备021.不要使用空图层，即新建一个图层，然后里面什么都没有。因为空图层在Cocos Creator加载到场景过程中会报错。
本文已收录于以下专栏：
相关文章推荐
Tield瓦片地图编辑器不但生成地图简单，还能灵活运用于cocos2d-x游戏引擎。编辑生成之后保存的TMX文件格式，被cocos2d-x支持。
Tiled瓦片地图编辑器的下载地址：http://w...
Cocos2D-X支持Tiled地图编辑器生成的地图数据文件。Tiled地图编辑器是一个以普遍使用为目标的地图编辑
器，它使用简单并且可以轻松地在不同的引擎中使用。目前最新版本使用Qt框架进行开发，之...
今天使用腾讯地图开放平台的定位服务时，没有注意监测位置监听服务器是否注册成功，找了半天的错。
大家在使用时，注意用
= locationManager.requestLocati...
1、静态库中采用ObjectC++实现，因此需要您保证您工程中至少有一个.mm后缀的源文件(您可以将任意一个.m后缀的文件改名为.mm)，或者在工程属性中指定编译方式，即将Xcode的Project ...
先简述下，写这篇文章的原因，用了ckeditor富文本编辑器，获取值的时候，总是空值。
先说下，用法：
1、从网上下载ckeditor的相关文件：
2、在界面上调用js文件 &script sr...
先上一张图
AndEngine是支持Tiled地图编辑器的，Tiled地图编辑器是很强大的，而且AndEngine对它的支持也很好，甚至可以设置碰撞以及动画的地图，可以参照AndEngineExample。
Mappy地图编辑器的使用方法
17:13今天，我们将讲解游戏开发中一个重要的工具――“游戏地图编辑器”。
几乎任何一款商业游戏都有自己的游戏地图编辑器，不管你是2D游戏，还是...
他的最新文章
讲师：王哲涵
讲师：韦玮
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)用户名：mssyy2010
评论数：18
访问量：70636
注册日期：
阅读量：1297
阅读量：3317
阅读量：580983
阅读量：464937
[匿名]啊啊啊啊：
51CTO推荐博文
代码参考王哲博客 C++版本
吐槽：原文说是上下篇，结果有了上篇，没了下文。。。
Qt版本瓦片地图编辑器的使用
我使用Qt版本的瓦片地图编辑器,设定地图大小。记住这是以地图块为单位，不是像素点。
在编辑器中加入地图块集,边距间距都选择一像素，为什么？因为给的图片资源每个格子间有间隔
Margin就是当前的tile计算自身的像素的时候，它需要减去多少个像素（宽度和高度都包含在内）。（类比word、css的margin）
Spacing&就是相邻两个tile之间的间隔（同时考虑宽度和高度）（类比word、css的spacing）
边缘，指的是一个地图块的外面一圈，在这个边缘里面是实际的地图块内容。&
间隔，即两个地图块之间的间距（像素单位）。
按照博客里要求，点击图层按钮，加入对象层，有了对象层真的是方便了不少，因为我们可以根据自定义的位置来获得精灵的一些属性了，默认为6种属性，name，type,
x,y,height,width（在程序中用的还是属性的英文名),命名为spawnpoint，位置在图4中显示，图层(这里是唯一的背景层)重命名为background，对象层命名objects
图4 地图全貌
把tile地图添加到cocos2d-x的场景中
接下来就是要在cocos2d-x中使用了，生成项目，就用HelloWorld。
首先在类声明中加了个成员CCTMXTiledMap *_tileM
在init方法中添加代码
_tileMap&=&CCTMXTiledMap::tiledMapWithTMXFile(&tilemap.tmx&);&_tileMap-&setPosition(ccp(0,&0));&&this-&addChild(_tileMap);&&&&&&&&
王哲博客说明:CCTMXTiledMap。这是一个CCNode，所以你可以设置它的位置，尺寸等，该节点的子节点是地图上的层，而且也有 一个接口可以通过名字来获取这些层，比如这里的&background&层。每一个层都是CCSpriteSheet的子类，这也意味着每一层你只能有一 个tileset。
上面是王哲大大博客里的说明，最常用的子节点就是对象层，而他说的对应接口就是objectGroupNamed()方法。
接下来再添加下述代码
CCTMXObjectGroup&*objGroup&=&_tileMap-&objectGroupNamed(&objects&);&CCStringToStringDictionary&*spawnPoint&=&objGroup-&objectNamed(&spawnpoint&);&float&fSpawnPointX&=&spawnPoint-&objectForKey(&x&)-&toFloat();&float&fSpawnPointY&=&spawnPoint-&objectForKey(&y&)-&toFloat();&&CCTexture2D&*pPlayerTexture&=&CCTextureCache::sharedTextureCache()-&addImage(&player.png&);&CCSprite&*pPlayer&=&CCSprite::spriteWithTexture(pPlayerTexture);&pPlayer-&setPosition(ccp(fSpawnPointX,&fSpawnPointY));&_tileMap-&addChild(pPlayer);&//pPlayer-&setPosition(CGPoint(fSpawnPointX,&fSpawnPointY));
王哲博客说明：对象层和对象组。在这里，我们通过CCTMXTiledMap对象的objectGroupNamed接口得到了对象层，它返回的是一个CCTMXObjectGroup对象。然后，我们通过CCTMXObjectGroup的objectNamed方法来得到一个CCMutableDictionary，它包含了对 象层的对象的一堆有用的信息，包括X和Y坐标，宽度和高度。不过这里我们关心的是X，Y坐标，所以我们就只取得X，Y坐标，并把它作为精灵的位置。
吐槽:谎言，根本就看不到，因为视角在左下方，必须要调整视角才能看到。
子龙山人博客说明:首先，注意你通过CCTMXTiledMap对象的objectGroupNamed方法来获得对象层（而不是layerNamed方法）。它返回一个特殊的CCTMXObjectGroup对象。我们然后调用CCTMXObjectGroup类的objectNamed方法来获得一个CCMutableDictionary，这个字典包含了关于对象的大量信息，包括x和y坐标值，宽度和高度。在这个例子中，我们只关心x和y坐标，因此，我们提取出这两个信息，并且设置player的位置。
子龙山人博客中视角解决方法:
void&HelloWorld::setViewpointCenter(CCPoint&position)&{&&&&&CCSize&winSize&=&CCDirector::sharedDirector()-&getWinSize();&&&&&int&x&=&MAX(position.x,&winSize.width/2);&&&&&int&y&=&MAX(position.y,&winSize.height/2);&&&&&x&=&MIN(x,&(_tileMap-&getMapSize().width&*&_tileMap-&getTileSize().width)&-&winSize.width/2);&&&&&y&=&MIN(y,&(_tileMap-&getMapSize().height&*&_tileMap-&getTileSize().height)&-&winSize.height/2);&&&&&CCPoint&actualPosition&=&ccp(x,&y);&&&&&&CCPoint&centerOfView&=&ccp(winSize.width/2,&winSize.height/2);&&&&&CCPoint&viewPoint&=&ccpSub(centerOfView,&actualPosition);&&&&&this-&setPosition(viewPoint);&}&
子龙山人相关文章链接:
这回终于看到猥琐的大哥了！！650) this.width=650;" alt="" src="/neweditor/editor/images/smiley/30.gif" />
下一篇 瓦片地图在cocos2d-x应用增强版
&本文出自 “” 博客，请务必保留此出处
了这篇文章
类别：未分类┆阅读(0)┆评论(0)Cocos2d-x Tiled地图编辑器(一)基本使用
Tiled地图编辑器支持普通视角地图和45度角地图， 它生成的地图数据文件cocos2d-x完美的支持，Tiled地图编辑器是一个以普通使用为目标地图编辑器，它使用简单并且可以轻松地在不同的游戏引擎中使用，其特性有：
1、使用基于XML编码形的地图数据文件使用可以在不同游戏引擎中通用
2、支持普通、45度两种视角
3、对象的放置位置可以精确到像素
4、支持图素、层次和对象等通用概念
5、自动重新载入图素集
6、可以重置图素的大不和偏移
7、支持图章刷和填充等高效工具
8、支持以通用的格式输入输出来打开和存储文件
开始Tiled地图编辑器编辑地图
一、首先准备地图素材文件放至工程Resources下，下载安装tiled-0.9.1-win32-setup.exe
地址：https://www.mapeditor.org/
二、启动Tiled，选择“文件-》新地图”，来新建地图工程，弹出如下对话框设置地图的大小和图块大小和地图视角方向
三、选择“地图-》新图块”导入图素文件，弹出如下对话框设置图块的大小、边距、偏移量及图块名称、源路径
vcD4KPHA+PC9wPgo8cD7LxKGizby/6bS0vaizybmmo6zT0rLgz9TKvs28suPD+7PGvLDNvL/ptLC/2tbQtcTNvL/po6y9q828suPD+9DeuMTSu8/Co6y147v3uaS+38C4yc/NvNXCy6KjrLXju/fSu828v+m/qsq8uwPgo8cD48aW1nIHNyYz0="/Collfiles/2.jpg" alt="\">
五、在图层窗口添加对象层并重命名，并在对象层添加对象，选中新建的对象层，点击工具栏上“插入矩形”在地图上画一个矩形，大小无关紧要，我们主要用来在地图
获取该x,y坐标，以在此放至精灵，右键刚刚添加矩形，选择对象属性，给它命个名称，然后点击确定。
六、点击保存地图命名*.tmx至Resources
七、编写程序代码：
CCTMXTiledMap瓦片地图集类是cocos2d-x中支持Tiled地图编码数据文件形式的类，用于解析地图集的数据文件。开始使用地图，加入代码：
CCTMXTiledMap *pTMXTiledMap = CCTMXTiledMap::create("map.tmx");
pTMXTiledMap->setScale(0.8f);
pTMXTiledMap->setAnchorPoint( ccp(0.5f, 0.5f) );
pTMXTiledMap->setPosition(ccp(visibleSize.width/2 , visibleSize.height/2-300));
this->addChild(pTMXTiledMap);
运行结果：