cocos2dx 背景用小尺寸图片滚动填充的方法

最新推荐文章于 2017-12-27 11:51:20 发布

转载最新推荐文章于 2017-12-27 11:51:20 发布 · 106 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/taoys/p/3532215.html

本文详细介绍了如何在游戏或应用中实现无缝拼接滚动的背景效果，通过创建多个重复的图片实例并按照一定规则滚动，达到视觉上的连续性和流畅性。通过调整参数和逻辑，确保滚动过程中的平滑过渡，提升用户体验。

直接上代码

在初始化方法中添加图片：

bool BackGroundLayer::init()
{

     frameCache=CCSpriteFrameCache::sharedSpriteFrameCache();
    
    CCSize visibleSize = CCDirector::sharedDirector()->getVisibleSize();

    bgCell1=CCSprite::createWithSpriteFrame(frameCache->spriteFrameByName("bgCell.png"));
    bgSprintArr = CCArray::create();
    bgSprintArr->retain();

    bgSignArr=CCArray::create();
    bgSignArr->retain();

    CCSize sprintSize = bgCell1->getContentSize();
    bgCell1->setAnchorPoint(ccp(0,0));
    bgCell1->setPosition(ccp(0,0));
    this->addChild(bgCell1);
    bgSprintArr->addObject(bgCell1);

    int flipCount=visibleSize.width/sprintSize.width+1;//多加一张图片用来滚动替换
            
    for(int i=0;i<flipCount;i++)
    {
        bgCell2 = CCSprite::createWithSpriteFrame(frameCache->spriteFrameByName("bgCell.png"));
            bgCell2->setAnchorPoint(ccp(0,0));
        bgCell2->setPosition(ccp(sprintSize.width*(i+1)-(1+i),0));
        if(i%2==0)    //偶数
        {
            bgCell2->setFlipX(true);
        }
        this->addChild(bgCell2);
        bgSprintArr->addObject(bgCell2);
    }    
return true;
}

在界面刷新方法里处理：

void RunBackGroundLayer::rollBg(float delta)
{
	//CCSize mapSize = bgCell1->getContentSize();
	//本次需要滚动的像素数
	float moveX =delta/(1.0/60.0);

	CCSize visibleSize = CCDirector::sharedDirector()->getVisibleSize();
		CCObject* obj=NULL;
		CCSprite* bgCellTmp=NULL;
		CCSize sprintSize = bgCell1->getContentSize();
		//滚动和切换背景图片
		CCARRAY_FOREACH(bgSprintArr,obj){
			bgCellTmp=(CCSprite*)obj;
			float moveXTo = bgCellTmp->getPositionX()-moveX;
			bgCellTmp->setPositionX(moveXTo);
			if(bgCellTmp->getPositionX()<-sprintSize.width)
			{
				bgCellTmp->setPositionX((bgSprintArr->count()-1)*sprintSize.width-(bgSprintArr->count()+1));
				if(bgSprintArr->count()%2!=0)
				{
					if(bgCellTmp->isFlipX())
					{
						bgCellTmp->setFlipX(false);
					}
					else
					{
						bgCellTmp->setFlipX(true);
					}
				}
			}
		}	

}

完美实现无缝拼接滚动.

转载于:https://www.cnblogs.com/taoys/p/3532215.html