java map初始化 039_【笨木头Cocos2dx 039】战争迷雾效果 第02章_先把地图加进来

错过了前面章节？

没关系，传送门在这：

正文：

现在我们要加载一张TMX地图，这张地图有点复杂，大家打起精神。

(小若：吼！)

1. 创建TMX地图

现在，打开我们的Tiled地图编辑器，新建一个地图：【新建】->【新建文件】，地图宽为10，地图高为10。

然后将瓦片图素拖动到图块区域，添加图块，宽高分别为128像素，边距和间距都为0：

然后，最重要的一步来了！选中第一个图素，涂满地图，效果如下：

(小若：喂，什么意思？涂满地图了？为什么还是空白的！)

于是，我们完成了这张复杂的TMX地图了，好好保存起来吧！【文件】-【保存】。

(小若：你是不是故意忽略我的啊！)

啊，对了，图素图片如下：

图素在TMX格式地图中按从左到右，从上到下，从1开始编号，如下图所示：

由于图素1是全透明的，所以我们画出来的地图看起来是空白的，实际上全都填充了图素1的瓦片。

(小若：我就知道有问题！)

OK，我把地图文件保存为“cloudMap.tmx”

2. 在Cocos2d-x加载地图

好，进入正题，先新建一个Cocos2d-x项目(我就不列出详细步骤了，默认大家都有基础)。然后，直接打开HelloWorldScene.cpp的init函数，把默认的代码删除，添加如下代码：

bool HelloWorld::init()

{

bool bRet = false;

do

{

CCLayerColor::initWithColor(ccc4(255, 255, 255, 255));

cloudMap = CCTMXTiledMap::create("cloudMap.tmx");

this->addChild(cloudMap);

this->setTouchEnabled(true);

bRet = true;

} while (0);

return bRet;

}

cloudMap是成员变量，我们来看看头文件：

class HelloWorld : public cocos2d::CCLayerColor

{

public:

virtual bool init();

static cocos2d::CCScene* scene();

CREATE_FUNC(HelloWorld);

virtual bool ccTouchBegan( CCTouch *pTouch, CCEvent *pEvent );

virtual void registerWithTouchDispatcher( void );

private:

CCTMXTiledMap* cloudMap;

};

(小若：不对！有问题！你是不是写多了很多东西啊！)

被发现了，是的，因为我们将要用的屏幕触摸事件，所以我在init函数里添加了一句代码：

this->setTouchEnabled(true);

然后重写了ccTouchBegan和registerWithTouchDispatch函数，在registerWithTouchDispatch函数执行以下代码，这样才能获取屏幕触摸事件：

void HelloWorld::registerWithTouchDispatcher( void )

{

CCDirector::sharedDirector()->getTouchDispatcher()->addTargetedDelegate(this, 0, true);

}

已经懂的朋友请耐心等待，我得照顾不太熟悉Cocos2d-x的朋友们。

(小若：我知道你在说我，你就直接说吧！)

那么，编译运行项目，我们将看到以下效果：

(小若：不对！我发现你刚刚的代码是CCLayerColor，而不是CCLayer，这是为什么？)

是的，在这里要解释一下，因为我们的迷雾是黑色，而CCLayer默认的屏幕背景也是黑色的，这样即使我们的迷雾消失了，那背景还是黑色的，根本看不出效果。

(小若：我明白了！黑布上面盖一层黑雾，即使黑雾消失了，那看到的还是黑色的！)

好了，这一节基本上是铺垫，下一节还要继续铺垫。

(小若：喂！)