（译）碰撞检测和收集物品：如何使用cocos2d制作基于tiled地图的游戏：第二部分

原文@R_502_366@：http://www.raywenderlich.com/1186/collisions-and-collectables-how-to-make-a-tile-based-game-with-cocos2d-part-2

程序截图：

　　这篇教程是《如何使用cocos2d制作基于tiled地图的游戏》的第二部分。在上一个教程中，我们创建了一个简单的基于tiled地图的游戏，里面有一个忍者在沙漠里寻找可口的西瓜！

　　在第一部分教程中，我们介绍了如何基于tiled创建地图，怎样把地图增加到游戏中去，以及如何滚动地图来跟随主角移动、还有如何使用对象层。

　　在这部分教程中，我们将会介绍如何在地图中制作可以碰撞的区域，如何使用tile属性，如果收集游戏物品并且动态地修改地图、如何确保你的忍者不会吃得太饱！

　　因此，让我们继续我们上篇教程所学并且让它更像一个真实的游戏吧！

tiled地图和碰撞检测

　　你可能已经注意到了，目前我们的忍者可以毫无阻拦地穿过墙壁和障碍物。他是一个忍者，但是即使是真正的忍者，他也没这么厉害啊！

　　因此，我们需要找到一种方法，通过把一些tile标记成“可碰撞的”，这样的话，我们就可以防止玩家穿过那些点的位置。有很多方法可以做得到（包括使用对象层），但是，我想向你们展示一种新的技术。我认为它更高效，并且也是一次好的学习锻炼--使用一个元层（Meta　layer）和层属性。

　　让我们开始动手吧！再一次启动Tiled软件，点击“Layer\Add　tile　Lyaer...”，并且命名为“Meta”，然后选择OK。我们将在这个层里面加入一些假的tile代表一些“特殊tile”。

　　因此，现在我们需要增加我们的特殊tile。点击“Map\New　tileset...”，在你的Resources文件夹下面找到mate_tiles.png，然后选择打开。设置Margin和Spacing都为１并点击OK。

　　这时，你可以在Tilesets区域看到一个新的标签。打开它，而且你会看到２个tile：一个红色的和一个绿色的。

　　这些tile并没有什么特殊的东西--我只是制作了一个简单的图片，里面包含了一个红色的和一个绿色的半透明tile。接下来，我们把红色的tile当作是“可碰撞的”（后面我们会用到绿色的），然后，合适地绘制我们的场景。

　　因此，确保Meta层被选中，选择stamp工具，选择红色的tile，然后把任何你不想让忍者通过的地图都涂一遍。当你做完的时候，应该看起来像下面的图示一样：

　　接下来，我们可以设置tile的属性，这样的话，我们在代码中就可以识别这个tile是“可以碰撞的（穿不过去的）”。在Tileset里面的红色tile上在，右击，选择“Properties...“。增加一个新的属性，叫做”Collidable“，并且设置成”Ture“：

　　（由于版本的关系，我这里补充我上传的Tiled编辑器（java版本）如何设置属性！！！）

首先，选择TileSets-->TileSetManager，并选中Meta_tiles，出现如下所示图：

然后点击右下角的“Edit”按钮（就是垃圾回收站下面那个图标），接下来会出现下图所示：（接着就选中红色tile和绿色tile，然后添加Collidable属性并设置为True就ok啦）

　　保存map，并返回Xcode。在HelloWorldScene.h中做如下改动：

// Inside the HelloWorld class declaration
CCTMXLayer * _Meta;

After the class declaration
@property (nonatomic,retain) CCTMXLayer * Meta;

　　同时修改HelloWorldScene.m文件如下：

 
    // 
    Right after the implementation section 
    
  
    @synthesize Meta 
    = 
    _Meta;
 
  
    In dealloc 
    
  
    self.Meta 
    = 
    nil;
 
  
    In init,right after loading background 
    
  
    self.Meta 
    = 
    [_tileMap layerNamed: 
    @" 
    Meta 
    " 
    ];
 _Meta.visible 
    = 
    NO;
 
  
    Add new method 
    
  
    - 
    (CGPoint)tileCoordForPosition:(CGPoint)position {
  
    int 
    x 
    = 
    position.x 
    / 
    _tileMap.tileSize.width;
  
    int 
    y 
    = 
    ((_tileMap.mapSize.height 
    * 
    _tileMap.tileSize.height) 
    - 
    position.y) 
    / 
    _tileMap.tileSize.height;
  
    return 
    ccp(x,y);
 } 
   

　　好了，让我们先停一会儿。像之前一样，我会Meta层声明了一个成员变量，而且从tile　map中加载了一个引用。注意，我们把这个字当作是不可见的，因为我们并不想看见这些对象，它们的存在只是为了说明，那个区域是可以碰撞的。

　　接下来，我们增加一个新的帮助方法，这个方法可以帮助我们把x，y坐标转换成”tile坐标“。每一个tile都有一个坐标，从左上角的（０，０）开始，到右下角的（４９，４９）。（本例中，地图的大小是４９×４９）

　　

　　上面的截屏是java版本的tiled界面。能否显示tile的坐标，我不确定这个功能在QT版本的tiled中是否存在。不管怎么说，我们将要使用的一些功能会使用tile坐标，而不是x，y坐标。因此，我们需要一种方式，将x，y坐标转换成tile坐标。这正是那个函数所需要做的。

　　　获得x坐标非常容易--我们只需要让它除以一个tile的宽度就可以了。为了得到y坐标，我们不得不翻转一些东西，因为，在cocos2d里面（０，０）是在左下角的，而不是在左上角。

　　接下来，把setPlayerPosition替换成以下内容：

CGPoint tileCoord = [self tileCoordForPosition:position];
int tileGid = [_Meta tileGIDAt:tileCoord];
if (tileGid) {
NSDictionary * properties = [_tileMap propertiesForGID:tileGid];
if (properties) {
NSString * collision = [properties valueForKey: Collidable " ];
if (collision && [collision compare: True " ] == NSOrderedSame) {
return ;
}
}
}
_player.position = position;