在游戏当中,实现地图卷动是最基本的功能,具体的实现的方法,大致有两类:
方法一:加载两张图片,轮流显示,
优点: 1.无论是地图上下卷动,还是左右卷动都可以
2.支持各种图片,(png,jpg...)
缺点: 1.前提是会创建两个背景精灵,稍微浪费内存,
2.且要求作为背景地图的图片需要大于窗口的大小
/*
*给游戏主战斗场景添加滚动的背景地图
*/
void GameMainScene::addbackground()
{
Texture2D* texture = TextureCache::getInstance()->getTextureForKey("groundLevel.jpg");
_spriteBgH = Sprite::createWithTexture(texture);
_spriteBgH->setAnchorPoint(Vec2(, ));
_spriteBgH->setPosition(, );
this->addChild(_spriteBgH); _lowPos = -_spriteBgH->getContentSize().height;//必须设置地图的下限,且必须使用contentsize(),不能用winSize
//_lowPos = -winSize.height;//错误 _spriteBgL = Sprite::createWithTexture(TextureCache::getInstance()->getTextureForKey("groundLevel.jpg"));
_spriteBgL->setAnchorPoint(Vec2(, ));
_spriteBgL->setPosition(, _lowPos);
this->addChild(_spriteBgL); this->scheduleUpdate();
} /*
*帧循环定时器,实现背景地图的卷动
*/
void GameMainScene::update(float dt)
{
_spriteBgH->setPositionY(_spriteBgH->getPositionY() - );//地图向下移动的速度
_spriteBgL->setPositionY(_spriteBgL->getPositionY() - );//每帧向下移动2个像素 if (_spriteBgL->getPositionY() < _lowPos)//判断下面的地图是否移出下限
{
_spriteBgL->setPositionY(_spriteBgH->getPositionY()+_spriteBgH->getContentSize().height);//如果移出,则直接设置到第一张地图的上面
}
if (_spriteBgH->getPositionY() < _lowPos)
{
_spriteBgH->setPositionY(_spriteBgL->getPositionY()+_spriteBgL->getContentSize().height);
}
}
方法二:使用Texture2D::TexParams,只需要一张图片,重复绘制,设置textureRect,即可
优点:1.只需要加载一张图片,更省内存
缺点:1.需要额外设置textureRect的大小,且支持的图片类型有限(支持部分jpg),png类型的未试过
/*
* 卷动背景地图
*/
void GameMainScene::addMoveBackground()
{
xScroll = ;
sprite1 = Sprite::create("groundLevel.jpg");//只需要创建一个背景精灵 sprite1->setAnchorPoint(Vec2(, ));
sprite1->setPosition(, );
addChild(sprite1);
Texture2D::TexParams texRepeat = { GL_LINEAR, GL_LINEAR, GL_CLAMP_TO_EDGE, GL_REPEAT };//这些openGL的参数不是对所有的图片类型都适合
sprite1->getTexture()->setTexParameters(texRepeat);//设置精灵渲染时获得纹理的方式为:重复渲染
schedule(schedule_selector(GameMainScene::moveBackground), 0.01f);
}
/*
* 通过改变y轴的坐标,实现TextureRect渲染矩形的区域的改变,实现地图卷动的视觉效果
*/
void GameMainScene::moveBackground(float dt)
{
sprite1->setTextureRect(Rect(, (xScroll-=), winSize.width, winSize.height+)); //y轴的坐标每帧都递减(向下卷动),如果是递增,则地图向上卷动,如果是x轴坐标变化,则地图左右移动
}