战争迷雾效果 第2章_先把地图加进来

错过了前面章节?

没关系,传送门在这:

战争迷雾效果 第1章_要探索,不要地图全开!

 

正文:

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

(小若:吼!)

笨木头花心贡献,啥?花心?不呢,是用心~转载请注明,原文地址: http://benmutou.com/blog/archives/468

1. 创建TMX地图

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





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



然后,最重要的一步来了!选中第一个图素,涂满地图,效果如下:



(小若:喂,什么意思?涂满地图了?为什么还是空白的!)

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

(小若:你是不是故意忽略我的啊!)

啊,对了,图素图片如下:



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



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

(小若:我就知道有问题!)

 

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

2. 在Cocos2d-x加载地图

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

[cpp]

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;

}

[/cpp]

cloudMap是成员变量,我们来看看头文件:

[cpp]

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;

};

[/cpp]

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

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

this->setTouchEnabled(true);

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

[cpp]

void HelloWorld::registerWithTouchDispatcher( void )

{

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

}

[/cpp]

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

(小若:我知道你在说我,你就直接说吧!)

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



(小若:不对!我发现你刚刚的代码是CCLayerColor,而不是CCLayer,这是为什么?)

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

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

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

(小若:喂!)

标签: cocos2d-x, tiledmap

?>