【游戏】关于45°角度地图坐标的计算原理
首先贴出代码,下面的代码是将屏幕点击的坐标转换成45°角度地图中的坐标。
-(CGPoint) tilePosFromLocation:(CGPoint)location tileMap:(CCTMXTiledMap*)tileMap { // Tilemap position must be subtracted, in case the tilemap position is not at 0,0 due to scrolling CGPoint pos = ccpSub(location, tileMap.position); float halfMapWidth = tileMap.mapSize.width * 0.5f; float mapHeight = tileMap.mapSize.height; float tileWidth = tileMap.tileSize.width; float tileHeight = tileMap.tileSize.height; CGPoint tilePosDiv = CGPointMake(pos.x / tileWidth, pos.y / tileHeight); float inverseTileY = mapHeight - tilePosDiv.y; // Cast to int makes sure that result is in whole numbers, tile coordinates will be used as array indices float posX = (int)(inverseTileY + tilePosDiv.x - halfMapWidth); float posY = (int)(inverseTileY - tilePosDiv.x + halfMapWidth); // make sure coordinates are within isomap bounds posX = MAX(0, posX); posX = MIN(tileMap.mapSize.width - 1, posX); posY = MAX(0, posY); posY = MIN(tileMap.mapSize.height - 1, posY); pos = CGPointMake(posX, posY); CCLOG(@"touch at (%.0f, %.0f) is at tileCoord (%i, %i)", location.x, location.y, (int)pos.x, (int)pos.y); return pos; }
先说明一下方法的参数 (CGPoint)location,传递进来的是手指在屏幕上触发的触摸(基于GL坐标系,即原点是左下角)
CGPoint pos = ccpSub(location, tileMap.position);
这个很明显,计算触摸在地图上的坐标(依旧是GL坐标系)
CGPoint tilePosDiv = CGPointMake(pos.x / tileWidth, pos.y / tileHeight);
由于瓦片地图的坐标不是以像素为度量单位,而是以块为度量单位,所以这里要根据当前坐标/瓦片像素来获得瓦片地图用的坐标。
float inverseTileY = mapHeight - tilePosDiv.y;
瓦片地图的坐标系是以左上角为原点的,所以Y轴不同于GL坐标系。这里语句的作用就是计算出触摸在瓦片地图坐标系的瓦片地图坐标。
float posX = (int)(inverseTileY + tilePosDiv.x - halfMapWidth);
float posY = (int)(inverseTileY - tilePosDiv.x + halfMapWidth);
重点来了,这两句很重要,用于将平面坐标转换为斜角坐标。
首先来说说 posX,将 inverseTileY + tilePosDiv.x - halfMapWidth 分成两个部分来看
tilePosDiv.x - halfMapWidth,这是由于从平面坐标旋转为斜角坐标,坐标X比平面坐标有增加(因为X坐标移动到右边了,坐标系坐标往右逐渐增加),斜角地图的X轴移动了整个地图宽度的一半,所以这里就要减去halfMapWidth。
inverseTileY +,这里为什么在X坐标的地方使用Y坐标呢?这是因为平面坐标旋转为斜角坐标时,X坐标由于旋转,其向下有移动,所以这里就要加上Y的坐标。
同理,posY也类似,不同的是平面坐标旋转为斜角坐标时,坐标Y比平面坐标有减少(因为Y坐标移动到左边,坐标系坐标往左逐渐变小),所以这里必须使用减法。
inverseTileY -,自然就是因为Y坐标因为旋转向上移动 ,所以需要减去Y的坐标。
posX = MAX(0, posX);
posX = MIN(tileMap.mapSize.width - 1, posX);
posY = MAX(0, posY);
posY = MIN(tileMap.mapSize.height - 1, posY);
这几句是为了防止坐标超出地图边界设定的。