AndEngine 中TMX地图编辑器

http://www.mapeditor.org/

下载一个Windows的版本的地图编辑器


怎么使用Tiled的文章

http://www.raywenderlich.com/1163/how-to-make-a-tile-based-game-with-cocos2d


下面是我编辑的一个TMX的xml code

<?xml version="1.0" encoding="UTF-8"?>
<map version="1.0" orientation="orthogonal" width="30" height="30" tilewidth="32" tileheight="32">
 <tileset firstgid="1" name="desert_tiled.png" tilewidth="32" tileheight="32" spacing="3" margin="3">
  <image source="desert_tiled.png" width="281" height="211"/>
 </tileset>
 <layer name="background" width="30" height="30">
  <data encoding="base64" compression="zlib">
   eJztlt0KwyAMRn2NbdA6BqPboO37P90UFhD5EmO09WYX56L+5JA01S7OuZlhqSBfH593ABe3tF+7r2ZvrVdTn1nhtHgtuZzh1eSJ6iX1Gxpv6U3iErgauRmdkXtgMvL4xZgGeUfka8k18gq8GSg+N/9pyBexZnnFsWdCDwf6DvJ6Wr0Ue2PmUjzw+gPyzeG8llgozzO8mrPMu3FeAnmJGq/1XEj72cLfW7cv7RPp3s3nJa9056O1mv+SXeGVer7kpfjceMnL1Y5bi/6ZUR165avxovfU+n5Lbq5erf0suTX3ac/vVzqDV8X+I/gCEJiCZw==
  </data>
 </layer>
 <layer name="action" width="30" height="30">
  <data encoding="base64" compression="zlib">
   eJztzbEJACAMBdGsoVZqFd1/P1P/WgLKPbj6zAAA+F+JqtQSvj0a0uR7nUdL2glfAHjdATR8A/0=
  </data>
 </layer>
</map>



最近再看andengine代码的时候,看到了这个游戏引擎对TMX地图格式的支持,感觉很棒。TMX地图是使用Tiled这样一种灵活的方式来表述地图的。

下面是对TMX这种XML格式的地图文件语法的介绍:



1 <map>


<map>

  • version: TMX 版本
  • orientation: 方向. (orthogonal" , "isometric" )
  • width: tiles列数
  • height: tiles行数
  • tilewidth: 每个tile的宽度
  • tileheight: 每个tile的高度

<tileset>

  • firstgid: tileset中第一个tile的全局ID
  • source: tileset的源,这个内容对应定义的一个tsx文件
  • name: tileset的名称
  • tilewidth: 宽度
  • tileheight: 高端
  • spacing: tile间距 
  • margin: 边距

<image>

  • source: 图片源
  • trans: 定义透明处理的颜色

<tile>

  • id: tile的id,对应图片

<layer>

  • name: layer的名称
  • opacity: 不透明度
  • visible: 是否可见

<data>

  • encoding: 用来编码layer数据("base64" , "csv" )
  • compression: 压缩格式("gzip" , "zlib" )

<properties>

<property>

  • name: The name of the property.
  • value: The value of the property.
tIDE是多国语言的免费软件,但是!竟然没有文,关于它的介绍自己看就不说了,下面来创建第一张地图,用于我们的TD游戏。 你现在需要一张这样的tile图片,来做完地图的基本元件 在Explorer面板Map节点地下的Tile Sheets右键Add,然后浏览选择上面的或者你自己的tile文件。 OK弹出Tile Sheet Properties对话框设置一下Tile Size让Tile完美的切割。这里的值是60x60。 ok,然后会在Tile picher面板里就会出现一个个分割好的Tile。 有了这些tile的支持就可以在map上玩拼图了。在map Explorer面板下的Map节点的Layers上右键Add,在弹出的Layer Properties设置地图的大小Layer Size,因为我现在只打算做一个最简单的也就是一屏幕而且不能拖动所以这里设置14x8 (800/60 x 480/60),OK。 为了方便绘制在工具面板的右上角有一个显示网格的按钮,点下去它 右边的绘图工具栏上有一个很好使用的按钮区域绘制,它能把选择区域填充出当前选择的tile,下面就先在tile Picker选择一块浅色的草地区域绘制到整个地图。然后画上我们的路。 Save as为 tmx类型的文件 间如果出现警告确定就好了 这里出现了最关键的一步,这里一定要选Base64(gzip compressed),ccx现在的版本还只支持这一种。 把生成的tmx文件以及tile图片加入我们的项目。 这里可能需要调整一下tmx文件Image source的路径 在程序显示TMX地图 先显示出来看看努力的效果,之后再慢慢完善。 把GameScreen构造函数的说明Label删除,添加CCTMXTiledMap 代码很简单如下 private GameScreen() { CCTMXTiledMap tmxmap = CCTMXTiledMap.tiledMapWithTMXFile("Map/Level1"); addChild(tmxmap); }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值