任意添加图片
一直在关注这个功能，最近（Tiled几乎一年一更新。。。）新出的版本0.10.0终于添加了这一特性。激动啊！！ 具体步骤如下： 1、
如上图，添加Collection of Images类型的图块。 2、
如上图，点击那个箭头（我为如何添加图片找了很久），再点击“Add Tiles”就可以随便选择你要导入的图片了。
另外，新版的Tiled还添加了物理碰撞的功能（视图-&Tile Collision Editor），你可以为图块中的每个图片添加相应的碰撞面积块。
不知不觉间Tiled已化身为一个全能的关卡编辑器了。24331人阅读
Cocos2d-x游戏引擎开发（27）
原创文章，转载请注明出处：
Tiled Map Editor是Cocos2d-x支持的地图编辑器，使用Tiled编辑出的地图可以很方便的被Cocos2d-x使用Tiled的官网是。我使用的地图编辑器是QT版本。
好了，下面就试一试吧。
1.编辑地图
选择文件-----&新文件
然后选择地图-----&新图块，选择Tiled安装目录下的examples里的图片
在这里图片中间和最左边最上边都有黑线，所以绘制偏移1个像素，边距和间距都为一。
下面将图层的名字改为floor，作为地板。
把地板铺上砖。
新建一个图层，改名为wall，在上面摆上自己喜欢的东西吧。我设计成如下：
下一步是设置主角，这也比较难的一步。
选择图层------&添加对象层，改对象层为hero。
现在在对象层中添加对象。点击工具栏上的添加对象，在地图上话按住鼠标拖出一块。右击该块，改成如下
我们看到，下面可以添加名称和值，其实这就是键值对。今后会用对，现在还没有必要用到。
好了，地图编辑好了，先设置参数 ，点击编辑-----&参数，设置为下
保存地图。
2.使用地图
使用文本编辑器打开刚才编辑好的地图，将
&image source=&D:/application/Tiled/examples/tmw_desert_spacing.png& width=&265& height=&199&/&
&image source=&tmw_desert_spacing.png& width=&265& height=&199&/&
新建一个Cocos2d-x的项目，将地图文件和打开的图块文件复制到resource文件夹下。
在头文件中加入
cocos2d::CCTMXTiledMap *_tileM
将init函数中的菜单，精灵，文字的代码删除，加入下面的代码：
_tileMap=CCTMXTiledMap::create(&theMap.tmx&);
addChild(_tileMap);
编译运行，效果如下
下面从地图中获得精灵的位置，在头文件中加入精灵的声明
cocos2d::CCSprite *_
在源文件中添加如下代码
CCTMXObjectGroup *objects=_tileMap-&objectGroupNamed(&hero&);//获取对象层
CCDictionary
*spawnPoint=objects-&objectNamed(&pa&);//获取对象
const CCString
*x=spawnPoint-&valueForKey(&x&);//获取对象的坐标
const CCString
*y=spawnPoint-&valueForKey(&y&);
/////////////////////////////////////////////////////
char *tempx=new char[30];//这里的代码将CCString转换为int
char *tempy=new char[30];
memset(tempx,0,30);
memset(tempy,0,30);
sprintf(tempx,x-&getCString());
sprintf(tempy,y-&getCString());
int px=atoi(tempx);
int py=atoi(tempy);
///////////////////////////////////////////////////////////
_player=CCSprite::create(&www.png&);
_player-&setPosition(ccp(px,py));
addChild(_player);
这里创建精灵，并且从地图中获得精灵的位置，从而设置精灵的位置。下面是效果图
下面接着让这个hero可以移动，先添加鼠标响应，在init中添加如下代码
CCDirector::sharedDirector()-&getTouchDispatcher()-&addTargetedDelegate(this,0,false);
接着覆盖父类的鼠标响应消息
bool HelloWorld::ccTouchBegan(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent)
void HelloWorld::ccTouchEnded(cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent)
cocos2d::CCPoint pp=pTouch-&getLocation();
if(fabs(pp.x-_player-&getPosition().x)&=fabs(pp.y-_player-&getPosition().y))
if(pp.x&=_player-&getPosition().x)
_player-&setPosition(ccp(_player-&getPosition().x+32,_player-&getPosition().y));
_player-&setPosition(ccp(_player-&getPosition().x-32,_player-&getPosition().y));
if(pp.y&=_player-&getPosition().y)
_player-&setPosition(ccp(_player-&getPosition().x,_player-&getPosition().y+32));
_player-&setPosition(ccp(_player-&getPosition().x,_player-&getPosition().y-32));
在这里，先在ccTouchBegan中返回true，以便在ccTouchEnded中处理事件。
原理是先判断鼠标点击的点与hero现在的点是在x方向还是在y方向上的距离大，若在x方向上距离大，则改变x左边，若在y方向上距离大，则改变y的坐标。然后使hero向着点击点移动。
下面是效果图
好了，效果达到了，下一篇继续Tiled Map Editor，欢迎继续关注。
最后当然是要附上源代码，当然是零积分：。
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：912486次
积分：10732
积分：10732
排名：第1037名
原创：153篇
转载：16篇
评论：400条
欢迎加QQ群交流：
文章：26篇
阅读：301959
文章：25篇
阅读：123628
阅读：1384
(1)(1)(5)(2)(4)(3)(2)(21)(19)(15)(23)(23)(16)(6)(8)(9)(11)相关软件 /中文/ /中文/ /中文/ /中文/ /中文/ /中文/ /中文/ /中文/ /英文/ /中文/顶好评:50%踩坏评:50请简要描述您遇到的错误，我们将尽快予以修正。轮坛转帖HTML方式轮坛转帖UBB方式
1.6M/中文/5.9
9.0M/中文/5.0
112.9M/中文/3.3
212.7M/中文/6.2
2.9M/中文/8.8
3.2M/中文/7.5
62KB/中文/6.6
地图编辑器(Tiled)一个简单直观的中文游戏地图编辑器，帮助创建属于你自己的游戏地图。风格类似mini版的。它可以用于制作多种类型的游戏引擎需要，而且支持使用插件读写map、增加用于引擎的map格式。它是一款独立的地图编辑器，并不属于某一款游戏或者引擎。读者下载到的它的运行版本或者源代码，同时推出了Windows系统与Mac系统的两个版本。新一代砖块地图编辑器采用了QT的渲染内核。它的主要功能是将充分利用砖块地图的实现技术，为游戏的制作人员提供一个快速便利、可操作的地图编辑器。它需要使用图片资源作为游戏地图中的砖块元素，然后设计人员可以使用砖块元素来拼接游戏中的地图背景画面，最后将拼接完成的地图数据导出为文件，以便提供给游戏引擎使用。此款地图编辑器，它支持正方形、菱形以及正六边形的砖块图形。这三种图形的砖块能够拼接出三种不同视觉的游戏背景地图。Tile Map Editor其他功能：Tile Map Editor（砖块地图编辑器）还提供一些其他的功能。例如在地图添加事物元素并可以设置它们的属性，可以将地图划分为不同的层次，支持多层地图和碰撞层信息。它提供了多个语言版本，其中就有我们喜闻乐见的简体中文。还犹豫什么，没有比它更适合的地图编辑器了，赶快下载安装吧！否则，你就需要拿出尺子和铅笔，自己画一张游戏地图了。技巧：如果读者真要打算手绘砖块地图的话，最好再准备一块橡皮吧！在Tile Map编辑器中，开发者可以编辑俯视角度和斜45°的图块拼接地图，同时它支持多个图层的叠加。另外，在编辑器中还提供了一些额外的功能。比如允许开发者添加触发区域和物体，也可以为图块拼接添加代码中所需的用来判断图块拼接类型的属性，也可以为每个地图添加属性值。Tile Map还支持了多种地图背景的导出格式。不过它们都是通过TMX文件来存储的。下面就为读者展示一下，如何使用Tile Map Editor来拼接一张游戏背景图。Tile Map Editor提供了很多的演示项目。接下来就以其中的一个简单示例项目，来为读者介绍编辑器的基本操作。在下载安装之后，读者就可以运行Tile Map Editor。第一次运行的界面空无一物，此时读者可以选择打开安装路径下的\examples\desert.tmx文件。读者也可以直接将文件拖到编辑器界面当中。然后就会看到如下的界面。Tiled Map Editor中一个沙漠的游戏地图。这种地图的拼接方式与《超级玛丽》、《魂斗罗》、《》、《传说》、《星际争霸》、《文明》等等知名的游戏一样。此时读者会不会有些兴奋？因为你将要使用与这些经典游戏同样的实现技术。这就是前人栽树，后人乘凉。没有Tile Map Editor和Cocos2D-X引擎的支持，怎么能如此轻松地就实现了砖块地图技术呢？这才刚刚开始，不要骄傲，要想制作一款全球知名的畅销游戏，可不只是依靠先进的技术就行的。虽然这些典型的游戏都是使用的砖块拼接游戏背景，但是读者要想制作出高水平的背景地图还需要更多的努力和经验。注意：虽然都是采用砖块拼接地图的技术，但是每款游戏的实现方式也存在差异。先来介绍一下图6-6中展示的编辑器界面。编辑器操作界面分为了三个部分。这三个部分已经在图中用文字标出，它们为地图编辑区、图层列表和砖块元素。这三个区域将是开发者主要操作的内容。配合界面顶部的菜单栏和工具栏，我们就可以制作出精良的游戏背景了。砖块拼接地图背景：Tile Map Editor只支持以砖块拼接地图背景的方式。其实Cocos2D-X引擎中也支持此种方式。并不是因为开发者的懒惰，而是砖块拼接的方式几乎涵盖了所有的游戏类型背景画面。前面已经为读者讲述过砖块拼接的优缺点。此技术的好处是能够节省图片和在有限的图块元素基础上，设计人员可以随意地拼接创造无限的、富于变化的地图背景。技巧：在拼接的过程中，设计人员可以创建一小片区域，然后重复利用这片区域。读者看图6-6中地图编辑区域，这正是设计人员利用砖块元素拼接而来的游戏地图背景。凭借Cocos2D-X引擎的功能，开发者能够在游戏中展现出完全一样的游戏背景。界面右边砖块元素区域内放置着相同的尺寸大小的砖块。它们是由一张纹理图片切割而来。毫无疑问，地图编辑区内的每一个图块都可以在这里找到对应的砖块元素。这也是砖块地图的精髓所在。在游戏背景中可以看出被重复使用的砖块元素。这就利用基本元素通过不同的组合拼凑出了更大的画面。每个砖块在地图背景中都可以被重复利用。另外，因为它们都来源自一张图片，所以其在内存中只占有一份空间。这张图片就是由美术人员制作完成的。然后设计人员利用图片中的砖块元素，充分发挥创造力来拼接游戏背景地图。在编辑地图的过程中，设计人员可以利用砖块不同的组合和摆放位置，营造出各种各样不同的效果拼接方式。这是它的优点，同时也是缺点。为了能够拼接背景地图，美术人员的创作就会受到限制。他们不能再绘制那些风格独特、形状复杂的事物。因为要考虑图块必须能够被重复利用以及拼接之后的画面效果。就不得不在画面的精细程度上有所损失，同时拼接的地图背景还存在一定的重复性。这些都是读者在使用之前需要明确的事项。
安卓官方手机版
IOS官方手机版
地图编辑器(Tiled) 0.10.2 中文免费版
下载帮助西西破解版软件均来自互联网, 如有侵犯您的版权, 请与我们联系。1108人阅读
Cocos2d-X基础（50）
大家小时候都玩过超级玛丽和坦克大战吧，这些游戏有一个特点，不同关卡的场景不同，特别是在坦克大战中玩家还可以自己手动场创建游戏场景，在游戏开发中通常使用地图编辑器创建游戏场景
使用地图编辑器创建一个游戏场景
启动地图编辑器
选择新文件
进入地图编辑器的编辑界面
导入图块,，选择地图
选择新图块
单击浏览选择一个图块文件，然后设置边距和间距，最后单击确定
添加图块后的界面
添加背景：
选择一个图块
在网格中单击一下就可以填充一个背景
选择图章刷就可以在背景上编辑地图
使用编辑器编辑好的一张地图
在Cocos2d-X中使用地图
首先创建一个Cocos2d-X工程，然后将编辑好的地图文件和图片文件放在Cocos2d-X工程的Resource文件夹中
然后在程序中添加下面的代码
//创建地图
CCTMXTiledMap* map = CCTMXTiledMap::create(&map.tmx&);
addChild(map);
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：229657次
积分：5098
积分：5098
排名：第3901名
原创：273篇
转载：18篇
评论：107条
文章：14篇
阅读：17875
文章：49篇
阅读：53845
(1)(2)(15)(36)(10)(3)(8)(7)(3)(4)(3)(28)(26)(32)(2)(2)(21)(28)(16)(12)(13)(20)(3)mapwin和Tiled（游戏地图编辑器）使用指南 - 开源中国社区
当前访客身份：游客 [
当前位置：
本文主要介绍目前开发游戏比较流行的两款工具mappy（mapwin）和tiled，分别介绍工具的安装、使用、优缺点分析，虽然不能面面俱到，但使用要点之处都已说明。作为开发游戏的fans们必不可少的入门指南。 一、何所谓“地图编辑器” 地图编辑器，顾名思义，就是用来编辑地图的工具，如果玩过《魔兽争霸》或是《帝国时代 ２ 》、《英雄无敌》的话，应该会知道这几款游戏都附有地图编辑工具，可提供玩家自行编辑地图关卡，地图编辑器就具有类似的功能。 二、mappy（mapwin）入门指南： 1.预备知识： tile：中文名字-瓷砖，呵呵，也就是平铺在某个物体表面上的单元。使用过j2me的Tile或者vc开发游戏的都知道。 playback library：回放库，支持装载和显示mapwin的FMP地图文件的库。 2.mapwin简介：
软件名称：mapwin 版本： 1.4.11 运行环境：windows 依赖库文件：libpng12.dll、zlib.dll 用途：灵活的建立2d、3d游戏的tile。 强大的回放库支持：DirectX、Allegro、OpenGL、Java、CDX、SDL、Delphi、Blitz Basic、Dark Basic、GBAMappy、Combined、GameMaker等 3.快速安装导航： 首先就是下载，作者下载的是mapwin1.4.11版。 如果需要支持PNG图片，那么就要到下载两个dll文件： zlib.dll-用于文件压缩，下载地址： libpng12.dll-libpng的window版，png图像压缩库，下载地址： 安装这两个dll文件很简单，方法就是直接复制到mapwin目录下。 4.快速使用导航： （1）第一步就是启动程序。然后File-&new map，新建一个map，设置每个tile的长宽和map包含的tile的行数和列数。
（2）根据提示进入File-&Import...，选择作为tile的图片，这样右侧会出现以前面设置的按照每个tile的长宽划分的图片tile。 （3）此时就可以使用鼠标选取tile，在map中的适当位置点击便会将此tile画在map上。使用右键可以删除map上的title。
（4）mapwin默认只有一个layer，如果要新建layer的话，可以通过Layer-&add layer实现，map上方的状态条会显示鼠标当前的位置和当前Layer的层数。 （5）map完成后，按ctrl+s保存，选择File-&export as text，将map导出为用map数组表示的文本。其中“Map Array（s） Prefix with”选项可以修改为java语言表示数组的形式：new int[][]。这样就会生成j2me中可用的代码片断，可以直接用到程序中。
5.优缺点： 优点：与tiled相比，支持2d、3d游戏，具有很多的游戏开发接口和语言；使用相应的回放库可以设置碰撞检测等扩展功能。 缺点：缺少快捷工具栏，操作速度慢。 三、tiled入门指南： 1.预备知识： Tileset：tile的集合，这是tiled管理tile的一种分组方式。每个tile有一个name来代表。 Tile的存在方式：tiled软件管理tile的方法与众不同。tile默认只保存在map中，也可以导出为.tsx文件供多个map共用。 2.tiled简介：
软件名称：Tiled 版本：0.5.1 运行环境：支持java的os 依赖库文件：无 用途：tiled地图编辑器是一种用于通用目的的编辑器。特点是比较好用，风格类似mini版的photoshop。它可以用于制作多种类型的游戏引擎需要，而且支持使用插件读写map、增加用于引擎的map格式。 3.快速安装导航： 下载，然后解压缩，可以发现tiled.jar文件，使用java -jar tiled.jar命令来运行之。 4.快速使用导航： （1）使用File-&new，进入New Map Dialog对话框，其中可以选择Map的类型，设置Map size和Tile size，这和mapwin很类似。
（2）建立map之后，系统会默认分配一个layer，但是并没有Tileset，所以选择Tilesets-&New tileset...建立tileset。输入Tileset名字后，选取“Reference tileset image”选项，浏览Tile image所使用的图片。其中的“Tile spacing”为设置Tile四边的边框，因为不常用，所以经常被设置为0。
（3）在增加了tileset后，点击左下角的按钮可以看到tile的调色板，这时便可以在调色板中选择合适的tile在map上构图了。
tile左侧的工具栏提供了快捷工具：move layer、paint、erase、fill、eye dropper（取色器）、select、缩放。而在右侧是类似photoshop的layer manger，用来新建layer、复制layer、锁定layer、隐藏layer。 eye dropper的使用方法有两种：一种是选择eye dropper工具，然后在map中选择tile；另一种方法更快捷-直接在map中的tile上点击鼠标右键。
（4）当map画好后，按ctrl+s可以将map保存为tmx文件。 （5）对map文件内容的解释：
&&&&&&&&&?xml version=&1.0& ?& &&&&&&&&&map orientation=&orthogonal& width=&32& height=&32& tilewidth=&24& tileheight=&24&& &&&&&&&&&&&tileset firstgid=&1& name=&Sewers& tilewidth=&24& tileheight=&24&& &&&&&&&&&&&&&image source=&tiledweb/files/tiles_pipes.png&/& &&&&&&&&&&&/tileset& &&&&&&&&&&&layer name=&Layer 0&& &&&&&&&&&&&&&data encoding=&base64& compression=&gzip&& &&&&&&&&&&&&&&H4sIAAAAAAAAAO3NoREAMAgEsLedAfafE4+s 6l0jolNJiif18tt/Fj8AAMC9ARtYg28AEAAA &&&&&&&&&&&&&/data& &&&&&&&&&&&/layer& &&&&&&&&&/map&
&&&&&&&&此文件表示了这个map只有一个tileset和一个layer，注意一下前面建立map和tileset时输入的数据不是所有都在这个文件中，因为使用默认的属性（如tile spacing）是不会保存在这个文件中的。 &&&&&&&&由于一个tile可以被多个map引用，所以layer的data属性值使用base64编码、使用gzip压缩的一个32位整数的数 组，它代表了tile的全局id--firstgid。每个tile内部使用自己的local id，而firstgid作为在多个map中区分tile的标识。 &&&&&&&& 注意此软件没有导出为map数组的功能，只能使用View-&Show Coordinates显示坐标。 5.优缺点： 优点：易用。使用xml规范作为map文件的书写规范有利于用户自定义修改和功能的扩展。 缺点：缺少与游戏开发语言的接口，还需要进一步的开发扩展。
四、参考资源： mappy官方网站：http://www.tilemap.co.uk/index.html Tiled官方网站：http://tiled.rpgdx.net/index.html zlib官方网站：http://www.zlib.net/ libpng官方网站：http://gnuwin32.sourceforge.net/packages/libpng.htm
共有2个评论
谢谢。有用
这个可以关注！感谢分享
更多开发者职位上
有什么技术问题吗？
红薯的其它问题}