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.

cocos2dx3.2 实现splash屏幕图片秀滚动相关推荐

android 图片列表,Android 列表使用(ListView GridView Gallery图片计时滚动)
ListView 作用: 1.将数据填充到布局. 2.处理用户的选择点击等操作. 根据列表的适配器类型,列表分为三种,ArrayAdapter,SimpleAdapter和SimpleCursorAd ...
有空间感的图片环形滚动代码
代码简介: 图片围成环形来回滚动的图片特效,有立体感,而且设计的也挺不错,演示中除了部分图片,为了让页面加载更快,如果你想用的话,你可以无限制添加下去,只要你的网页很快哦. 代码内容: View Co ...
JQuery控制图片无缝滚动
经常有人问怎么在HTML上制作图片的无缝滚动,我自己在一些项目中也会经常用到的,今天花了些时间,上网搜索了一下,下了些源码回来看了一下,发现都是只能在IE下能够滚动的,而且都是光<html> ...
Jquery实现图片左右滚动，没有头尾的，一直循环
Jquery实现图片左右滚动,没有头尾的,一直循环.这样子的例子我已经发了很多了,这边放两个链接 http://www.corange.cn/archives/2010/06/3654.html ht ...
JS实现图片循环滚动
之前在前端的时候有遇到这样一个问题,实现 JS 图片的循环滚动,然后鼠标移入的时候停止滚动,鼠标移开继续滚动,这里无非就是设置了一个定时器,鼠标移上时清除定时器达到滚动停止的目的,鼠标移开时重设定时器 ...
cocos2d（背景图片循环滚动）
背景图片循环滚动使用action 实现的: 主要有两个背景图片交替循环滚动:我选的两个背景图片的宽度都是1024的 ,所以定义了#define BGIMG_WIDTH 1024 代码如下: 在Hel ...
第41天：匀速、缓动运动和图片无缝滚动
一.匀速运动和缓动运动缓动运动公式:leader=leader+(target-leader)/10;//leader为初始值0,target为结束值,10可以改变,值越大,速度越慢 1 < ...
ionic 实现广告图片无限滚动标签介绍
网上有太多的例子实现广告图片无限滚动及点击事件,但是那都是自己利用css和js结合实现的,在这里,ionic已经很强大的给我们提供了一个标签,简单几行代码就能实现煊人的效果,没必要去重得的发明轮子,这 ...
0.96寸OLED（SSD1306）屏幕显示（三）——屏幕垂直水平滚动
0.96寸OLED(SSD1306)屏幕显示 (一)基础功能介绍 (二)超长文字水平滚动 (三)屏幕垂直水平滚动文章目录一.垂直水平滚动方法 1)SSD1306驱动芯片 2)SSD1315驱动芯片 ...

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

cocos2dx3.2 实现splash屏幕图片秀滚动相关推荐

最新文章

热门文章