Tiled Map Editor(一)
来源:互联网 发布:好用的电磁炉推荐 知乎 编辑:程序博客网 时间:2024/06/05 17:56
出处:http://blog.csdn.net/zhy_cheng/article/details/8308609
Tiled Map Editor是Cocos2d-x支持的地图编辑器,使用Tiled编辑出的地图可以很方便的被Cocos2d-x使用Tiled的官网是Tiled Map Editor。我使用的地图编辑器是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文件夹下。
在头文件中加入
将init函数中的菜单,精灵,文字的代码删除,加入下面的代码:
编译运行,效果如下
下面从地图中获得精灵的位置,在头文件中加入精灵的声明
在源文件中添加如下代码
这里创建精灵,并且从地图中获得精灵的位置,从而设置精灵的位置。下面是效果图
下面接着让这个hero可以移动,先添加鼠标响应,在init中添加如下代码
接着覆盖父类的鼠标响应消息
在这里,先在ccTouchBegan中返回true,以便在ccTouchEnded中处理事件。
原理是先判断鼠标点击的点与hero现在的点是在x方向还是在y方向上的距离大,若在x方向上距离大,则改变x左边,若在y方向上距离大,则改变y的坐标。然后使hero向着点击点移动。
下面是效果图
好了,效果达到了,下一篇继续Tiled Map Editor,欢迎继续关注。
- Tiled Map Editor(一)
- Tiled Map Editor(一)
- Tiled Map Editor(一)
- Tiled Map Editor(一)
- Cocos2d-x Tiled Map Editor(一)
- Cocos2d-x Tiled Map Editor(一)
- Cocos2d-x Tiled Map Editor(一)
- Tiled Map Editor(二)
- Tiled Map Editor(三)
- Tiled Map Editor(二)
- Tiled Map Editor(三)
- Tiled Map Editor
- Tiled Map Editor(二)
- Tiled Map Editor(三)
- Tiled Map Editor libgdx 讲解
- Tiled Map Editor创建地图
- Tiled地图编辑器 Tiled Map Editor 的使用(一)基础功能+地形功能
- Cocos2d-x Tiled Map Editor(二)
- JAVA生成6个1-8的随机数,要求无重复。
- O
- Android 自定义标题栏 TitleBar
- 如何查看某个端口被谁占用
- 第二章 Zookeeper集群测试(window版)【下】
- Tiled Map Editor(一)
- 人脸识别LBP的MATLAB实现
- 什么是异步
- 菜鸟的red5之旅
- lower_bound和upper_bound的用法
- 输入一个整数,输出该数二进制表示中1的个数。其中负数用补码表示。
- 数组、冒泡排序
- PHP 正则表达式匹配 preg_match 与 preg_match_all 函数
- Rightmost Digit