cocosd地图滚动算法

原文链接

要实现的效果如下：

即是要求人物在移动的时候，保持地图滚动，因为地图足够长的时候，不能让人物一出场就跑出屏幕的范围，而要使其在屏幕上跑完整个地图。效果如上图示。

这个实现就用到了上面所说的坐标系的理解，精灵的坐标系是相对于其所在的图层而言的。

当精灵的横坐标小于屏幕的横坐标时候，可以使精灵继续向前移动，如下：

但是当精灵的坐标大于屏幕的一般的时候，如果不采取措施，精灵就会继续向前移动，直至走出屏幕，那么应该采取什么行动呢？

首先我们已经明白，精灵的所谓的坐标是相对于图层而言的，因此实际上精灵向前移动仅仅是相对于下面的地图的移动，如果地图也以相同的变化移动的话，那么精灵和地图在我们看来就是相对静止的。（坐标参考系的不同）。这个时候精灵的坐标虽然在变化，但是在屏幕的位置却没有变化，但是精灵确实在走地图。

还是上代码吧：

[cpp]  view plain  copy

 print ?

1. void Player::setViewPointByPlayer() {  
2.     if (m_sprite == NULL) {  
3.         return;  
4.     }  
5.     Layer* parent = (Layer*)getParent();  
6.   
7.     /* 地图方块数量 */  
8.     Size mapTiledNum = m_map->getMapSize();  
9.   
10.     /* 地图单个格子大小 */  
11.     Size tiledSize = m_map->getTileSize();  
12.   
13.     /*地图大小 */  
14.     Size mapSize = Size(  
15.         mapTiledNum.width * tiledSize.width,  
16.         mapTiledNum.height * tiledSize.height);  
17.   
18.     /* 屏幕大小 */  
19.     Size visibleSize = Director::getInstance()->getVisibleSize();  
20.   
21.     /* 主角坐标 */  
22.     Point spritePos = getPosition();  
23.   
24.     /* 如果主角坐标小于屏幕的一半，则取屏幕中点坐标，否则取主角的坐标 */  
25.     float x = std::max(spritePos.x, visibleSize.width / 2);  
26.     float y = std::max(spritePos.y, visibleSize.height / 2);  
27.   
28.     /* 如果X、Y的坐标大于右上角的极限值，则取极限值的坐标（极限值是指不让地图超出 
29.     屏幕造成出现黑边的极限坐标） */  
30.     x = std::min(x, mapSize.width - visibleSize.width / 2);  
31.     y = std::min(y, mapSize.height - visibleSize.height / 2);  
32.   
33.     if (x >= visibleSize.width);  
34.     /* 目标点 */  
35.     Point destPos = Point(x, y);  
36.   
37.     /* 屏幕中点 */  
38.     Point centerPos = Point(visibleSize.width / 2, visibleSize.height / 2);  
39.   
40.     /* 计算屏幕中点和所要移动的目的点之间的距离 */  
41.     Point viewPos = centerPos - destPos;  
42.   
43.     parent->setPosition(viewPos);  
44. }  

由于地图移动也有一个限度，就是不能将地图移出屏幕，否则就会出现黑框，这个时候的坐标就是当地图的极限坐标。

其实也可以理解为精灵在地图上移动，我们拿着一个镜头记录，为了保持精灵在镜头的中心，要么移动镜头，要么拖着地图（包括精灵）往精灵移动的反方向移动。

想通了就觉得很好理解了。就是一个相对的问题。