学习cocos2d-x之路（5）--实现屏幕滚动

  锚点：可以理解为在图片内部的相对位置。例如cocos2d-x的默认锚点是 （0.5,0.5）也就是以图片的中心为坐标，

 

到目前为止，Hero的行动并没有在预想的格子内，产生的原因就是因为锚点，如果我们设置坐标为 heroSprite->setPostion(ccp(0,0)),

就会出现下面的效果：

解决的方法是直接设置坐标为heroSprite->setPosition(ccp(map->getTileSize().width/2,map->getTileSize().height/2));

或则进行TileMap到cocos2d-x的坐标转换：

CCPoint HelloWorld::positionForTileCoord(CCPoint tileCoord)
{ 
 CCPoint pos=ccp((tileCoord.x*map->getTileSize().width),
  (map->getMapSize().height-tileCoord.y-1)*map->getTileSize().height);
 return pos;
}

 heroSprite->setAnchorPoint(CCPointZero);
  heroSprite->setPosition(positionForTileCoord(ccp(1,11)));

 

实现屏幕滚动：

添加函数

void HelloWorld::scrollScreen(CCPoint point)
{
 CCSize screenSize=CCDirector::sharedDirector()->getWinSize();           //获得屏幕大小
 CCSize mapSize=CCSizeMake(map->getMapSize().width*map->getTileSize().width,
        map->getMapSize().height*map->getTileSize().height);//获得地图大小
 float fx=max(point.x,screenSize.width/2);
 float fy=max(point.y,screenSize.height/2);                             //取屏幕宽度高度的一半和Hero坐标的大值

 if (mapSize.width>screenSize.width) {
  //场景移动距离不能超过地图总宽度减去屏幕宽的一半
  fx=min(fx, mapSize.width-screenSize.width/2.0f);
 }else
  fx=screenSize.width/2;                                                   //地图宽度小于屏幕宽度，则x坐标始终等于屏幕宽度一半                                                           
 if (mapSize.height>screenSize.height) {
  //场景移动距离不能超过地图总高度减去屏幕高的一半
  fy=min(fy, mapSize.height-screenSize.height/2.0f);
 }else
  fy=screenSize.height/2;
 //勇士实际位置
 CCPoint heroPosition=ccp(fx,fy);
 //屏幕中点位置
 CCPoint screenCenter=ccp(screenSize.width/2.0f,screenSize.height/2.0f);
 //计算勇士实际位置和重点位置的距离
 CCPoint scrollPosition=ccpSub(screenCenter, heroPosition);

 //将场景移动到相应位置
 this->setPosition(scrollPosition);
 CCLog("%f,%f",scrollPosition.x,scrollPosition.y);

}

重写虚函数

void HelloWorld::update(float dt)
{
   scrollScreen(heroSprite->getPosition()); 
}

 

在init中添加      schedule(schedule_selector(HelloWorld::update));

完成屏幕滚动。