cocos2dx3.2 实现splash屏幕图片秀滚动

嘿,秀一下效果图:


让这四张美女图片,循环的向上滚动,那么如何做的呢?

首先准备四张图片分别命名:

Beauty1,Beauty2,Beauty3,Beauty4

然后在Splash类中添加_vcSprites,用来保存精灵


class SplashScene : public cocos2d::Scene

{

public:

CREATE_FUNC(SplashScene);

virtual bool init();

virtual void update(float dt);

void playerAction();

void beginGame();

private:

SplashScene();

virtual ~SplashScene();

Vector<Sprite*> _vcSprites;

int _index;

};


在init中将精灵创建,并push到 _vcSprites

this->schedule(schedule_selector(SplashScene::update));

for (int j = 0; j < 2; ++j) //两分同样的精灵

{

for (int i = 0; i < 4; ++i)

{

auto fileName = String::createWithFormat("Beauty%d.png",i + 1);

auto sp = Sprite::create(fileName->getCString());

sp->setAnchorPoint(Vec2(0.5f,1.0f)); //设置锚点为上边中点

sp->setPosition(VisibleRect::top().x,VisibleRect::top().y - i * sp->getContentSize().height -j * sp->getContentSize().height * 4

);

this->addChild(sp);

_vcSprites.pushBack(sp);

}

}


然后在SplashScene::update中,实现精灵坐标的转变:


void SplashScene::update(float dt)

{

for(auto it = _vcSprites.begin(); it != _vcSprites.end(); ++it)

{

y = (*it)->getPositionY() + 3;

(*it)->setPositionY(y);

if( (*it)->getPositionY() - (*it)->getContentSize().height > VisibleRect::top().y)

{

(*it)->setPositionY(VisibleRect::top().y - (*it)->getContentSize().height * 7);

//7代表的是最后一张精灵


}

}

}

ok.

相关文章

    本文实践自 RayWenderlich、Ali Hafizji 的文章《...
Cocos-code-ide使用入门学习地点:杭州滨江邮箱:appdevzw@1...
第一次開始用手游引擎挺激动!!!进入正题。下载资源1:从C...
    Cocos2d-x是一款强大的基于OpenGLES的跨平台游戏开发...
1.  来源 QuickV3sample项目中的2048样例游戏,以及最近《...
   Cocos2d-x3.x已经支持使用CMake来进行构建了,这里尝试...