【cocos2d-x 手游研发小技巧循环无限滚动的登陆背景】

关注

转载最新推荐文章于 2023-11-07 19:52:55 发布 1.3k 阅读 AI 写同款· GEO 优化 ›

CocosCreator之翻页容器（PageView）和滚动容器（ScrollView）的滚动滑动事件处理（一）前言：有的时候，我们需要一个既能翻页又能上下滑动、列表里的item还可以点击的界面，这时候就会遇到能滚动列表和滑动翻页的矛盾，以下为简单的处理方法。一、在pageView里面的页面里面添加ScrollView：为了方便区分，图中白色的背景是pageView的，说粉不粉说红又不红的颜色，是翻页容器page_1的背景色，蓝色的是ScrollView的背景色，列表里面的item的背景色为白色（下边... 阅读详情

原创文章，转载请附上链接：http://www.cnblogs.com/zisou/p/cocos2d-xARPG6.html

首先让大家知道我们想要实现的最终效果是什么样的？

看一个《逆天仙魔录》例子图：

就是一个连贯循环的背景图，如何让他无间隔的循环连贯跑起来，这里我们利用了定时器schedule方法；

定时器功能有无限循环的功能，那么我们运用这个功能主要是拿来循环刷帧的！

我们先准备一下效果图，如下：

这个背景图够长吧？而且它两边已经被我们的美工做成可循环连接的了，所以我们只需要程序把它循环起来。

具体代码如下：

制造背景的方法

void LoginScenes::makebd(float num,int w,int tag)
{
    float x,y;
    CCPoint origin = CCDirector::sharedDirector()->getVisibleOrigin();
    CCSize size = CCDirector::sharedDirector()->getWinSize();
    x = size.width;
    y = size.height+origin.y;

    CCSprite *background=CCSprite::create(p_loginallbd);
    background->setAnchorPoint(CCPoint(0,0.5));
    background->setPosition(CCPoint(background->getContentSize().width*num+w,y/2));
    this->addChild(background,tag,tag);
}

循环背景的方法

void LoginScenes::movebd(float times)
{
    float x,y;
    CCPoint origin = CCDirector::sharedDirector()->getVisibleOrigin();
    CCSize size = CCDirector::sharedDirector()->getWinSize();
    x = size.width;
    y = size.height+origin.y;

    CCNode *bg1=CCNode::getChildByTag(99);
    CCSprite *sp1=(CCSprite*)bg1;

    CCNode *bg2=CCNode::getChildByTag(98);
    CCSprite *sp2=(CCSprite*)bg2;
    sp1->setPosition(CCPoint(sp1->getPositionX()-0.5,sp1->getPositionY()));
    sp2->setPosition(CCPoint(sp2->getPositionX()-0.5,sp2->getPositionY()));
    if(sp1->getPositionX()<=-sp1->getContentSize().width)
    {
        sp1->setPosition(CCPoint(sp1->getContentSize().width,y/2));
    }
    if(sp2->getPositionX()<=-sp2->getContentSize().width)
    {
        sp2->setPosition(CCPoint(sp2->getContentSize().width,y/2));
    }
}

ok，以上两个函数就能完成，就差最后一句话了就搞定了：

this->schedule(schedule_selector(LoginScenes::movebd));

然后我们看一下效果：

cocos creator 无缝循环滚动道具教程 scroll 第一步，先把布局弄好把要滚动的图片都拖到scroll下第二步,在scroll节点里添加Mask组件，辨率设为300*500, 这个分辨率你们可以随意改变在资源管理器里新建一个scroll.js的组件，再把组件挂到scroll节点上下面是scroll.js的代码部份 cc.Class({ extends: cc.Component, properties: { }, onLoad(){ this.allItem = []; //道具的列. 阅读详情

【cocos2d-x 手游研发小技巧 循环无限滚动的登陆背景】

相关推荐

【cocos2d-x 手游研发小技巧循环无限滚动的登陆背景】