Tiledgta5地图编辑器怎么用用

登录后你可以:
首次使用?
<option value='/video/av4625393/index_1.html' cid='、The Basics
<option value='/video/av4625393/index_2.html' cid='、Terrain
<option value='/video/av4625393/index_3.html' cid='、AutoMap
<option value='/video/av4625393/index_4.html' cid='、Object Layers and Coding
<option value='/video/av4625393/index_5.html' cid='、Directors Cut- Non-Tile Maps
视频地址复制
Flash地址复制
Html地址复制
离线看更方便
用或其他应用扫描二维码
gamefromscratch Tiled Map Editor是一个开源多平台通用游戏地图编辑器.
广播电视节目制作经营许可证:(沪)字第1248号
| 网络文化经营许可证:沪网文[6号 | 信息网络传播视听节目许可证:0910417 | 互联网ICP备案:沪ICP备号-3 沪ICP证:沪B2- | 违法不良信息举报邮箱: | 违法不良信息举报电话:转3Tiled地图编辑器支持普通视角地图和45度角地图, 它生成的地图数据文件cocos2d-x完美的支持,Tiled地图编辑器是一个以普通使用为目标地图编辑器,它使用简单而且能够轻松地在不同的游戏引擎中使用,其特性有:
<span style="color:#、使用基于XML编码形的地图数据文件使用能够在不同游戏引擎中通用
<span style="color:#、支持普通、45度两种视角
<span style="color:#、对象的放置位置能够精确到像素
<span style="color:#、支持图素、层次和对象等通用概念
<span style="color:#、自己主动又一次加载图素集
<span style="color:#、能够重置图素的大不和偏移
<span style="color:#、支持图章刷和填充等高效工具
<span style="color:#、支持以通用的&#26684;式输入输出来打开和存储文件
開始Tiled地图编辑器编辑地图
一、首先准备地图素材文件放至projectResources下,下载安装tiled-0.9.1-win32-setup.exe
二、启动Tiled,选择“文件-》新地图”,来新建地图project,弹出例如以下对话框设置地图的大小和图块大小和地图视角方向
三、选择“地图-》新图块”导入图素文件,弹出例如以下对话框设置图块的大小、边距、偏移量及图块名称、源路径
四、图块创建成功,右側显示图层名称及图块窗体中的图块,将图层名改动一下,点击工具栏上图章刷,点击一图块開始画地图
五、在图层窗体加入对象层并重命名,并在对象层加入对象,选中新建的对象层,点击工具栏上“插入矩形”在地图上画一个矩形,大小无关紧要,我们主要用来在地图
获取该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);
执行结果:
八、Cocos2d-x 操作Tiled地图经常用法
显示Tiled地图
CCTMXTiledMap *map = CCTMXTiledMap::create(&map3.tmx&);
map-&setAnchorPoint( ccp(0.5f, 0.5f) );
map-&setPosition(ccp(visibleSize.width/2, visibleSize.height/2));
this-&addChild(map);
获取地图像素大小, width等于地图宽度块数*每块宽度,height 等于地图高度块数*每块高度
CCSize CC_UNUSED s = map-&getContentSize();
CCLOG(&ContentSize: %f, %f&, s.width,s.height);
获取地图层
CCTMXLayer *layer = map-&layerNamed(&layer1&);//參数:地图层名称
CCSize m = layer-&getLayerSize();//地图大小
CCLOG(&LayerSize: %f, %f&, m.width,m.height);
获取对象层
CCTMXObjectGroup *object = map-&objectGroupNamed(&object1&);//參数:对象层名称
CCDictionary *sprite_object = object-&objectNamed(&sprite1&);//參数:对象名称
获取对象坐标
float x = ((CCString*)sprite_object-&objectForKey(&x&))-&floatValue();
float y = ((CCString*)sprite_object-&objectForKey(&y&))-&floatValue();
在坐标处增加精灵
CCSprite *sprite = CCSprite::create(&sprite.png&);
sprite-&setScale(0.5f);
sprite-&setAnchorPoint(ccp(0.0f, 0.0f));
sprite-&setPosition(ccp(x, y));
this-&addChild(sprite);
当有多个地图层时,遍历地图层
CCArray* pChildrenArray = map-&getChildren();
CCSpriteBatchNode* child = NULL;
CCObject* pObject = NULL;
CCARRAY_FOREACH(pChildrenArray, pObject)
child = (CCSpriteBatchNode*)pO
if(!child)
child-&getTexture()-&setAntiAliasTexParameters();
当有对象层有多个对象时,遍历全部对象
CCArray *obs = object-&getObjects();
CCDictionary *dict=NULL;
CCObject *ob = NULL;
CCARRAY_FOREACH(obs, ob)
dict = (CCDictionary *)
if (!dict)
int y = ((CCString*)dict-&objectForKey(&y&))-&floatValue();
int x = ((CCString*)dict-&objectForKey(&x&))-&floatValue();
int w = ((CCString*)dict-&objectForKey(&width&))-&floatValue();
int h = ((CCString*)dict-&objectForKey(&height&))-&floatValue();
CCLOG(&sprite x: %d, y: %d, w: %d, h: %d&, x, y, w, h);
最后结果图:
普通视角获取地图层四角图素
CCTMXLayer *layer = map-&layerNamed(&layer1&) ;
CCSize s = layer-&getLayerSize();
sprite = layer-&tileAt(ccp(0,0));
sprite-&setScale(2);
sprite = layer-&tileAt(ccp(s.width-1,0));
sprite-&setScale(2);
sprite = layer-&tileAt(ccp(0,s.height-1));
sprite-&setScale(2);
sprite = layer-&tileAt(ccp(s.width-1,s.height-1));
sprite-&setScale(2);
将精灵作为了节点增加地图中
m_tamara = CCSprite::create(&nan.png&);
map-&addChild(m_tamara, map-&getChildren()-&count() );//将精灵作为子节点增加
改动精灵与地图遮挡物关系
//改动z轴的值并排序
CCPoint p = m_tamara-&getPosition();
p = CC_POINT_POINTS_TO_PIXELS(p);
CCNode *map = getChildByTag(kTagTileMap);
int newZ = 4 - (p.y / 48);
newZ = max(newZ,0);
map-&reorderChild(m_tamara, newZ);
阅读(...) 评论()>> tiled地图编辑器是2d的,很不错的国外软件,使用起来很方便的
tiled地图编辑器是2d的,很不错的国外软件,使用起来很方便的
所属分类:
下载地址:
tiled-0.6.1-src.zip文件大小:400.99 kB
分享有礼! 》
请点击右侧的分享按钮,把本代码分享到各社交媒体。
通过您的分享链接访问Codeforge,每来2个新的IP,您将获得0.1 积分的奖励。
通过您的分享链接,每成功注册一个用户,该用户在Codeforge上所获得的每1个积分,您都将获得0.2 积分的分成奖励。
tiled地图编辑器是2d的,很不错的国外软件,使用起来很方便的-tiled map editor is 2d, and a very good foreign software, very convenient to use
Sponsored links
源码文件列表
温馨提示: 点击源码文件名可预览文件内容哦 ^_^
4.03 kB06-25-06 16:16
CHANGES8.16 kB07-15-06 19:41
COPYING17.89 kB06-25-06 16:16
desert.tmx46.91 kB06-25-06 16:16
hexmap.tmx1.67 kB06-25-06 16:16
iso-test.tmx3.60 kB06-25-06 16:16
iso-test2.tmx2.90 kB06-25-06 16:16
iso-test3.tmx25.39 kB06-25-06 16:16
iso-test4.tmx659.00 B06-25-06 16:16
sewer_tileset.png21.73 kB06-25-06 16:16
snowy_trees.tmx22.34 kB06-25-06 16:16
tilebmp-test.tmx1,018.00 B06-25-06 16:16
water.tsx25.03 kB06-25-06 16:16
MANIFEST.MF105.00 B06-25-06 16:16
724.00 B06-25-06 16:16
859.00 B06-25-06 16:16
MANIFEST.MF114.00 B06-25-06 16:16
7.74 kB06-25-06 16:16
4.44 kB06-25-06 16:16
2.18 kB06-25-06 16:16
4.78 kB06-25-06 16:16
1.44 kB06-25-06 16:16
22.23 kB06-25-06 16:16
27.79 kB06-25-06 16:16
11.96 kB06-25-06 16:16
10.58 kB06-25-06 16:16
11.27 kB06-25-06 16:16
6.76 kB06-25-06 16:16
4.04 kB06-25-06 16:17
1.62 kB06-25-06 16:16
832.00 B06-25-06 16:16
MANIFEST.MF165.00 B06-25-06 16:16
2.00 kB06-25-06 16:17
9.80 kB06-25-06 16:17
4.40 kB06-25-06 16:17
2.43 kB06-25-06 16:17
850.00 B06-25-06 16:16
MANIFEST.MF118.00 B06-25-06 16:16
3.76 kB06-25-06 16:17
1.70 kB06-25-06 16:16
2.50 kB06-25-06 16:16
723.00 B06-25-06 16:17
12.37 kB06-25-06 16:17
7.76 kB06-25-06 16:24
1.62 kB06-25-06 16:17
7.49 kB06-25-06 16:17
2.78 kB06-25-06 16:17
8.45 kB06-25-06 16:16
7.05 kB06-25-06 16:17
13.36 kB06-25-06 16:17
15.54 kB06-25-06 16:17
2.39 kB06-25-06 16:17
9.05 kB06-25-06 16:17
1.86 kB06-25-06 16:16
1.78 kB06-25-06 16:17
1.83 kB06-25-06 16:16
829.00 B06-25-06 16:16
27.26 kB06-25-06 16:17
20.67 kB07-08-06 13:55
4.23 kB06-25-06 16:17
631.00 B06-25-06 16:17
2.75 kB06-25-06 16:17
2.74 kB06-25-06 16:17
1.16 kB06-25-06 16:17
1.83 kB06-25-06 16:17
1.10 kB06-25-06 16:17
1.61 kB06-25-06 16:17
1.09 kB06-25-06 16:17
2.03 kB06-25-06 16:17
1.37 kB06-25-06 16:17
1.39 kB06-25-06 16:17
1.44 kB06-25-06 16:17
1.33 kB06-25-06 16:17
2.43 kB06-25-06 16:17
1.07 kB06-25-06 16:17
1.83 kB06-25-06 16:17
9.05 kB06-25-06 16:33
11.40 kB06-25-06 16:16
6.25 kB06-25-06 16:16
1.91 kB06-25-06 16:16
2.78 kB06-25-06 16:16
2.53 kB06-25-06 16:17
2.57 kB06-25-06 16:17
4.11 kB06-25-06 16:17
4.22 kB06-25-06 16:17
13.34 kB06-25-06 16:17
14.12 kB06-25-06 16:17
4.16 kB06-25-06 16:17
8.54 kB06-25-06 16:17
14.38 kB06-25-06 16:17
636.00 B06-25-06 16:17
5.63 kB06-25-06 16:17
113.00 B06-25-06 16:16
5.02 kB06-25-06 16:17
8.44 kB06-25-06 16:17
10.20 kB06-25-06 16:17
17.33 kB07-15-06 19:44
5.17 kB06-25-06 16:17
4.16 kB06-25-06 16:17
8.71 kB06-25-06 16:16
1.12 kB06-25-06 16:16
650.00 B06-25-06 16:16
78.51 kB07-15-06 19:44
9.21 kB06-25-06 16:17
3.21 kB06-25-06 16:16
2.72 kB06-25-06 16:17
back.png299.00 B06-25-06 16:16
cursor-pencil.png269.00 B06-25-06 16:16
empty.png1,012.00 B06-25-06 16:16
forward.png294.00 B06-25-06 16:16
gimp-duplicate-16.png396.00 B06-25-06 16:16
gimp-flip-horizontal-16.png387.00 B06-25-06 16:16
gimp-flip-vertical-16.png407.00 B06-25-06 16:16
gimp-rotate-180-16.png556.00 B06-25-06 16:16
gimp-rotate-270-16.png405.00 B06-25-06 16:16
gimp-rotate-90-16.png418.00 B06-25-06 16:16
gimp-tool-bucket-fill-22.png1.18 kB06-25-06 16:16
gimp-tool-color-picker-22.png627.00 B06-25-06 16:16
gimp-tool-eraser-22.png902.00 B06-25-06 16:16
gimp-tool-move-22.png254.00 B06-25-06 16:16
gimp-tool-object-move-22.png403.00 B06-25-06 16:16
gimp-tool-pencil-22.png729.00 B06-25-06 16:16
gimp-tool-rect-select-22.png196.00 B06-25-06 16:16
gnome-delete.png778.00 B06-25-06 16:16
gnome-down.png305.00 B06-25-06 16:16
gnome-new.png349.00 B06-25-06 16:16
gnome-up.png293.00 B06-25-06 16:16
gnome-zoom-in.png530.00 B06-25-06 16:16
gnome-zoom-out.png507.00 B06-25-06 16:16
gui.properties10.13 kB06-25-06 16:16
gui_de.properties10.90 kB06-25-06 16:16
gui_es.properties10.61 kB06-25-06 16:16
gui_fr.properties11.66 kB06-25-06 16:16
gui_it.properties11.05 kB06-25-06 16:16
gui_nl.properties10.61 kB06-25-06 16:16
lastframe.png320.00 B06-25-06 16:16
logo.png7.46 kB06-25-06 16:16
map.dtd1.58 kB06-25-06 16:16
play.png298.00 B06-25-06 16:16
source.png620.00 B06-25-06 16:16
startframe.png331.00 B06-25-06 16:16
stock_animation.png495.00 B06-25-06 16:16
stop.png239.00 B06-25-06 16:16
visible.png230.00 B06-25-06 16:16
4.42 kB06-25-06 16:17
2.63 kB06-25-06 16:17
1.15 kB06-25-06 16:16
1.05 kB06-25-06 16:16
4.11 kB06-25-06 16:17
1.95 kB06-25-06 16:16
1.01 kB06-25-06 16:17
1.25 kB06-25-06 16:17
1.11 kB06-25-06 16:16
3.40 kB06-25-06 16:17
763.00 B06-25-06 16:17
645.00 B06-25-06 16:17
2.40 kB06-25-06 16:17
2.92 kB06-25-06 16:17
3.13 kB06-25-06 16:17
4.16 kB06-25-06 16:17
1.67 kB06-25-06 16:16
729.00 B06-25-06 16:16
574.00 B06-25-06 16:16
2.72 kB06-25-06 16:17
1.21 kB06-25-06 16:16
4.14 kB06-25-06 16:17
1.44 kB06-25-06 16:16
1.05 kB06-25-06 16:17
1.38 kB06-25-06 16:17
2.81 kB06-25-06 16:16
3.21 kB06-25-06 16:17
1.32 kB06-25-06 16:17
1.51 kB07-08-06 13:55
6.78 kB06-25-06 16:17
1.21 kB06-25-06 16:17
1.08 kB06-25-06 16:16
9.68 kB06-25-06 16:16
5.47 kB06-25-06 16:16
3.71 kB06-25-06 16:16
3.12 kB06-25-06 16:17
958.00 B06-25-06 16:17
4.85 kB06-25-06 16:17
2.33 kB06-25-06 16:17
10.85 kB06-25-06 16:17
10.11 kB06-25-06 16:17
12.19 kB06-25-06 16:17
2.21 kB06-25-06 16:17
7.85 kB06-25-06 16:17
4.33 kB06-25-06 16:17
2.00 kB06-25-06 16:16
(提交有效评论获得积分)
评论内容不能少于15个字,不要超出160个字。
评价成功,多谢!
下载tiled-0.6.1-src.zip
CodeForge积分(原CF币)全新升级,功能更强大,使用更便捷,不仅可以用来下载海量源代码马上还可兑换精美小礼品了
您的积分不足,优惠套餐快速获取 30 积分
10积分 / ¥100
30积分 / ¥200原价 ¥300 元
100积分 / ¥500原价 ¥1000 元
订单支付完成后,积分将自动加入到您的账号。以下是优惠期的人民币价格,优惠期过后将恢复美元价格。
支付宝支付宝付款
微信钱包微信付款
更多付款方式:、
您本次下载所消耗的积分将转交上传作者。
同一源码,30天内重复下载,只扣除一次积分。
鲁ICP备号-3 runtime:Elapsed:156.562ms - init:0.1;find:0.6;t:0.5;tags:0.2;related:109.3;comment:0.2; 27.69
登录 CodeForge
还没有CodeForge账号?
Switch to the English version?
^_^"呃 ...
Sorry!这位大神很神秘,未开通博客呢,请浏览一下其他的吧Tield瓦片地图编辑器不但生成地图简单,还能灵活运用于cocos2d-x游戏引擎。编辑生成之后保存的TMX文件&#26684;式,被cocos2d-x支持。
Tiled瓦片地图编辑器的下载地址:
本篇所使用的是:Tiled 0.9.1 for Windows
下载后直接安装就行,安装成功后,运行效果如下:
好的,废话不多说了,让我们来实战看看这款编辑器具体怎么使用吧。
1. 使用编辑器编辑地图
(1)新建一个地图工程,选择“文件-&新文件“
(2)在弹出的”新地图“对话框中设置地图的方向、层&#26684;式,以及地图大小和块大小。
(3)选择”地图-&新土块“导入图像文件,这里我们选择引擎自带的一个文件。如果你用的是cocos2d-x 2.2的话,
& & & & & 目录是:cocos2d-x2.2.2\samples\Cpp\TestCpp\Resources\TileMaps\tmw_desert_spacing.png
(4)在新弹出的”新图块“对话框中,选择”浏览“将图像文件引入进来,然后可以设置块大小、边距、绘制偏移。
(5)确定之后,我们就可以在右下角看到的土块,选择相应的土块就可以填充地图了。
(6)屏幕的右上角为图层编辑区域
(7)编辑完地图后,最后通过另存为保存TMX文件到指定的位置。
2. 添加对象层
(1)Tiled编辑器还有一个很重要的功能,就是可以给地图添加对象层。单击新建层按钮可以选择”添加对象层“
(2)对象层中摆放对象的位置可以精确到像素,可以在对象层中加入图象和图形等。
& & & & & 下图是精灵层中可以使用的按钮。最右侧那个为添加按钮。
(3)选中对象右击可设置对象的属性
(4)修改对象的属性
3. Tiled瓦片地图编辑器的数据文件
用文本编辑器打开Tiled编辑器生成的TMX文件,发现其类&#20284;XML文件
&?xml version=&1.0& encoding=&UTF-8&?&
&map version=&1.0& orientation=&orthogonal& width=&100& height=&100& tilewidth=&32& tileheight=&32&&
&tileset firstgid=&1& name=&tmw_desert_spacing& tilewidth=&32& tileheight=&32&&
&image source=&F:/software/cocos2d-x-2.2.2/cocos2d-x-2.2.2/samples/Cpp/TestCpp/Resources/TileMaps/tmw_desert_spacing.png& width=&265& height=&199&/&
&/tileset&
&layer name=&块层 1& width=&100& height=&100&&
&data encoding=&base64& compression=&zlib&&
eJzt1bsJACAMBcAMYe/+W9pYiIidH/QOwhvgJSQC4A2pTjTJfXTDz0b7n7tkn1kfnOdfwJwbAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIC1CvBLAP4=
&objectgroup name=&对象层 1& width=&100& height=&100&&
&object gid=&31& x=&601& y=&214&/&
&/objectgroup&
&/map&由此可见,这个文件存储了地图的基本信息以及层次信息。层次的信息使用base64方式编码,使用gazip方式压缩。因为cocos2d-x引擎中,提供了解码和解压缩的方式,所以在定义cocos2d-x中的瓦片地图时,传入数据的地址就可以了。
本文已收录于以下专栏:
相关文章推荐
瓦片地图(Tile Map) 不但生成简单,并且可以灵活的用于Cocos2d-x引擎。不论你的游戏是角色扮演游戏, 平台动作游戏或仿打砖块游戏,这些游戏地图可以使用开源的瓦片地图编辑器Tiled Ma...
Cocos2D-X支持Tiled地图编辑器生成的地图数据文件。Tiled地图编辑器是一个以普遍使用为目标的地图编辑
器,它使用简单并且可以轻松地在不同的引擎中使用。目前最新版本使用Qt框架进行开发,之...
程序代码:
头文件声明函数及变量
void registerWithTouchDispatcher(void);
bool ccTouchBegan(CCTouch *pTouch,...
Tiled Map(瓦片地图)编辑器的使用,详见:http://blog.csdn.net/legendof1991/article/details/
1. TMX瓦片地图格式
关于TiledMap地图相关的知识这里就不再具体展开说了, 这里主要写一些我在cocos2dx 3.x中使用该地图时遇到的一些问题,这些问题也是cocos2dx 3.x 与2.x中更新所带来的。
使用Cocos2d-x-3.0游戏引擎。编写一个瓦片地图游戏完整版 &#160;&#160;
第一篇地址:/bbs/read.php?tid=196632
第二篇地址...
他的最新文章
讲师:刘文志
讲师:陈伟
您举报文章:
举报原因:
原文地址:
原因补充:
(最多只允许输入30个字)

我要回帖

更多关于 百度地图编辑器怎么用 的文章

 

随机推荐