Tiled瓦片地图的使用

Tiled软件使用的注意事项：

1️⃣文件的导入。图层文件的导入不能有中文名字，最好是先把需要的资源文件导入到工程的Resource文件夹中，让后到这个文件夹中导入Tiled软件，进行瓦片地图的绘制。

2️⃣文件的导出。在保存的时候就可以直接保存到工程的Resource文件夹中，随后在工程中添加，即导出成功。导出后可以查看.tmx文件，可以尝试着读懂导出的.tmx文件。

以上步骤完成后就可以在程序中使用瓦片地图了。

// 获得地图层，将其层级设为-1

TMXTiledMap * m_tiled = TMXTiledMap::create(“Tiled1.tmx");

addChild(m_tiled,-1);

//获得图层

TMXLayer * floor = tiled->getLayer("floor");

接着我们要添加英雄对象了，首先要先设置一个对象层，接着为了设置英雄的精灵图片，设置一个矩形区域（“图层”）

TMXObjectGroup * objects = m_tiled->getObjectGroup("object");

ValueMap m_player = objects->getObject(“player”）；

然后设置一个精灵，用这个对象的坐标来设置精灵的位置

int x = m_player["x"].asInt();
int y = m_player["y"].asInt();
auto hero = Sprite::create("Player.png");

hero->setPosition(x, y);

这时候，精灵已经可以在地图上显示出来了，值得注意的是对象曾与对象之间是Map的键值对的存储形式

这时候需要考虑通过点击来控制英雄的移动了。首先要设置触摸监听，代码略去，在重写的触摸事件中首先要知道点击点的位置是世界坐标系，相对于屏幕的左下角，需要将其转换为节点坐标系的点（相对于layer，因为在layer中的精灵坐标是相对于layer的坐标），通过点击屏幕让英雄瞬移到所点击屏幕的坐标显然是不可行的，我们点击一下让英雄移动一个瓦块的距离，通过点击的位置与英雄的位置差来判断行走的方向。

bool TiledTest::onTouchBegan(Touch *touch, Event *unused_event){
    auto touchPos = touch->getLocation();
    auto heroPos = hero->getPosition();
    auto direction = touchPos - heroPos;
    if (std::abs(direction.x)>std::abs(direction.y)) {
        if (direction.x<0) {//left
            heroPos.x -= m_tiled->getTileSize().width;
        }else{//right

heroPos.x += m_tiled->getTileSize().width;

}// 出于方便的考虑将m_tiled设为了成员变量

}else{

if (directio n.y<0) {

            heroPos.y -= m_tiled->getTileSize().height;
        }
        else{
            heroPos.y += m_tiled->getTileSize().height;
        }

}

hero->setPosition(heroPos);// 出于方便的考虑将hero设为了成员变量

return true;

由于地图的比较大，需要设置屏幕的适配，类似于前面说到的摄像机类，即让英雄能够走完整个地图，我们写一个名字为setPlayerPosition(Vec2 pos)的函数来完成这一功能。

屏幕中心与地图位置的差值最小是屏幕大小的一半，最大是地图的大小减去屏幕大小的一半，我们选择设置一个在一个void setViewPosition(Vec2 pos)函数中实现这个功能.

void TiledTest::setLayerPosition(Vec2 pos){
    auto winsize = Director::getInstance()->getVisibleSize();
    int x,y;//差值（相对距离）
    if (pos.x > winsize.width/2) {
        x = pos.x;
    }else{ x = winsize.width/2; }
    if (pos.y > winsize.height/2) {
        y = pos.y;
    }else{ y = winsize.height/2; }

    auto width = m_tiled->getTileSize().width * m_tiled->getMapSize().width-winsize.width/2;
    auto height = m_tiled->getMapSize().height * m_tiled->getTileSize().height-winsize.height/2;
    if (x>width) {
        x = width;
    }
    if (y>height) {
        y = height;
    }
    auto layerPos = Vec2(winsize.width/2, winsize.height/2)- Vec2(x, y);

this->setPosition(layerPos);}

此时我们应该考虑限制英雄的移动了，对墙体等应设置属性让其无法通过，而对“蔬菜”应该让其吃掉。这时候需要使用Tiled软件添加一个图层，给起一个标记，添加属性与值，在程序中可以得到他，以便做碰撞检测.这个图层即为标记层，专门处理墙的问题。其中首先需要经过一个节点坐标到瓦片坐标的转换，瓦片地图以左上角为原点，每一个瓦片为单位。

Vec2 HelloWorld::getTiledPos(Vec2 pos){
int x = pos.x/m_tiled->getTileSize().width;
int y = (m_tiled->getMapSize().height*m_tiled->getTileSize().height - pos.y)/m_tiled->getTileSize().height;

return Vec2(x, y);}

然后就需要根据属性值来得到墙，做碰撞检测.首先每一个瓦片都有一个唯一的ID值。通过获得ID来判断设置的标记wall是否为true,若不是则不是墙。

void TiledTest::setPlayerPostion(Vec2 pos){
    auto tiledCoord = this->getTiledPos(pos);
    auto tiledGID = meta->getTileGIDAt(tiledCoord);
    if (tiledGID) {
        ValueMap properties = m_tiled->getPropertiesForGID(tiledGID).asValueMap();
        if (!properties.empty()) {
            auto wall = properties["wall"].asString();
            if (wall=="true") {
                log("zhuangqiang");
                return;
            }
        }

}

hero->setPosition(pos);// 若没有撞墙则正常移动

是不是该考虑给水果，蔬菜设置可以被英雄吃掉？这时候需要额外建立一个图层并添上要被吃掉的水果并添加属性，因为需要吃掉水果，水果需要被移除，倘若不新建一个层，删除后会成一个黑洞或报错。

if (foodwall=="true") {// 在判断撞墙处

food->removeTileAt(Vec2(tiledCoord.x, tiledCoord.y));}

这时候要添加敌人了void addEnemy(Vec2 pos);

Tiled瓦片地图的使用相关推荐

Tiled 瓦片地图
glory原创,首发于泰然,转载请注明出处 https://github.com/chukong/cocos-docs/blob/master/manual/framework/native/v3/t ...
tiled素材_瓦片地图 Tiled Map
瓦片地图(Tiled Map) 瓦片地图(Tile Map) 不但生成简单,并且可以灵活的用于Cocos2d-x引擎.不论你的游戏是角色扮演游戏, 平台动作游戏或仿打砖块游戏,这些游戏地图可以使用开源 ...
Tiled Map（瓦片地图）
Tiled Map(瓦片地图) Legendof19912014-06-12 14:57:28383 次阅读 Tiled Map(瓦片地图)编辑器的使用,详见:http://blog.csdn.net ...
Tiled结合Unity实现瓦片地图
前段时间应公司需求做瓦片地图,cocos与瓦片地图的结合案例很多,但unity的却少之又少,做瓦片地图少不了Tiled Map Editor(下载地址),这个教程很多,也自带例子,关于怎么拼地图,这里 ...
Tiled结合Unity实现瓦片地图——Tiled2Unity篇
本系列文章由Aimar_Johnny编写,欢迎转载,转载请标明出处,谢谢. http://blog.csdn.net/lzhq1982/article/details/75356478 前段时间应公司 ...
Tiled Map Editor（瓦片地图编辑器）的Java和QT版本区别
尊重作者劳动,转载时请标明文章出处. 作者: Bugs Bunny 地址: http://www.cnblogs.com/cocos2d-x/archive/2012/05/03/2479469.ht ...
斜45度瓦片地图（Staggered Tiled Map）里的简单数学
瓦片地图(Tiled Map)系列文章: 斜45度瓦片地图(Staggered Tiled Map)里的简单数学瓦片地图注意事项前段时间在做游戏的地图编辑功能,我们是在一个斜45度视角的场景上,对 ...
Tiled实现斜45度瓦片地图
首先是我最近在做的一个项目的需求,要做一个斜45度角的大地图,里面有很多的建筑,会有人在里面走来走去.一个手指按住滑动可以拖动地图,两个手指按下可以调整地图的放大和缩小. 1.tiled新建地图,加入 ...
【Cocosd2d实例教程三】Cocos2d瓦片地图的导入
(转载请注明出处:http://blog.csdn.net/buptgshengod) 上一节讲了如何使用Tiled制作瓦片地图,下面讲一下如何将地图导入游戏中. 第一步:将生成的文件导 ...

Tiled瓦片地图的使用

Tiled瓦片地图的使用相关推荐

最新文章

热门文章