[&] () {}

Life is short , Import your DREAM.独学无友,则孤陋而难成;久处一方,则习染而不自觉。...

【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);
}

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

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


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


阅读更多
个人分类: Cocos2D-X
想对作者说点什么? 我来说一句

cocos3.x惯性滑动源码

2015年09月19日 2KB 下载

没有更多推荐了,返回首页

不良信息举报

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

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭