【Cocos2d-x】地图滚动算法的实现

要实现的效果如下:


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


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

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


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


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


还是上代码吧:

void Player::setViewPointByPlayer() {
	if (m_sprite == NULL) {
		return;
	}
	Layer* parent = (Layer*)getParent();

	/* 地图方块数量 */
	Size mapTiledNum = m_map->getMapSize();

	/* 地图单个格子大小 */
	Size tiledSize = m_map->getTileSize();

	/*地图大小 */
	Size mapSize = Size(
		mapTiledNum.width * tiledSize.width,
		mapTiledNum.height * tiledSize.height);

	/* 屏幕大小 */
	Size visibleSize = Director::getInstance()->getVisibleSize();

	/* 主角坐标 */
	Point spritePos = getPosition();

	/* 如果主角坐标小于屏幕的一半,则取屏幕中点坐标,否则取主角的坐标 */
	float x = std::max(spritePos.x, visibleSize.width / 2);
	float y = std::max(spritePos.y, visibleSize.height / 2);

	/* 如果X、Y的坐标大于右上角的极限值,则取极限值的坐标(极限值是指不让地图超出
	屏幕造成出现黑边的极限坐标) */
	x = std::min(x, mapSize.width - visibleSize.width / 2);
	y = std::min(y, mapSize.height - visibleSize.height / 2);

	if (x >= visibleSize.width);
	/* 目标点 */
	Point destPos = Point(x, y);

	/* 屏幕中点 */
	Point centerPos = Point(visibleSize.width / 2, visibleSize.height / 2);

	/* 计算屏幕中点和所要移动的目的点之间的距离 */
	Point viewPos = centerPos - destPos;

	parent->setPosition(viewPos);
}

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

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


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


郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。