码迷,mamicode.com
首页 > 其他好文 > 详细

XNA 地图编辑器(上)

时间:2019-09-16 13:31:39      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:wp7   开始   ima   map   CND   app   文字   像素   image   

地图编辑器通常是用来设计世界地图或是游戏的关卡,网络上有很多免费的地图编辑器,像是Mappy、tIDE…其实操作起来原理都是一样的,今天要示范的是tIDE。


地图编辑器通常是用来设计世界地图或是游戏的关卡,网络上有很多免费的地图编辑器,像是Mappy、tIDE…其实操作起来原理都是一样的,今天要示范的是tIDE。

首先到官方网站下载回来安装 (官方载点)

技术图片

安装完毕开启软件

技术图片

先下载这张Tile Sheet回去,我们要用这个来拼出地图 (下载)

技术图片

回到软件画面选择 Tile Sheet > New

技术图片

按浏览选择刚刚下载的Tile Sheet图片

技术图片

每张小拼图 Tile的大小为 32x32

技术图片

完成TileSheet载入后如下

技术图片

接下来要开始制作我们的地图了,在Layers按右键新增一张Layer叫做background,大小设为 25x15 (手机全屏幕大小为 800x480像素,除以32)

技术图片

可以打开隔线方便编辑

技术图片

点选左下方的Tile就可以开始编辑了

技术图片

右手边有编及辅助工具,画错了也有橡皮擦

技术图片

完成后如下

技术图片

接着我们就可以把完成的地图存档了

技术图片

文件格式有 *.tide的tIDE项目档、*.tmx Tiled XML档、*.txt 文字档…,我们选择存成文字档

技术图片

开启文字档可以看出 Tile 的 Id,下次修练会示范如何把这个文字档载入项目并绘制出原来的地图,如果大家想要存成.png档可以用Mappy这套互相搭配使用。

技术图片

原文:大专栏  XNA 地图编辑器(上)


XNA 地图编辑器(上)

标签:wp7   开始   ima   map   CND   app   文字   像素   image   

原文地址:https://www.cnblogs.com/petewell/p/11526669.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!