Cocos2d-x类似coverflow效果

最新推荐文章于 2019-11-19 20:37:59 发布
转载 最新推荐文章于 2019-11-19 20:37:59 发布 · 1.1k 阅读 · 0

Cocos2d-x类似coverflow效果


0

由于镜面反射涉及到openGL，不会。

h文件：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
#ifndef __CoverView_H__ 
#define __CoverView_H__ 
#include "cocos2d.h" 
#include "cocos-ext.h" 
USING_NS_CC; 
USING_NS_CC_EXT; 
class CoverView : public CCNode , public CCScrollViewDelegate , public CCTouchDelegate 
{ 
public: 
    CoverView(); 
    ~CoverView(); 
     /** 
     *
     * @param scrollView的rect
     * @param scrollView滚动size
     * @param card之间的距离
     * @param card之间的缩放
     */ 
    static CoverView* create(CCRect swBox, CCSize slSize ,float disDistance , float disScale ); 
    virtual bool init(CCRect swBox , CCSize slSize , float disDistance , float disScale); 
    virtual void onEnter(); 
    virtual void onExit(); 
    virtual bool ccTouchBegan(CCTouch* pTouch, CCEvent* pEvent);  
    virtual void ccTouchMoved(CCTouch* pTouch, CCEvent* pEvent);  
    virtual void ccTouchEnded(CCTouch* pTouch, CCEvent* pEvent); 
    void initData(); 
    void scrollViewDidScroll(CCScrollView* view);   
    void scrollViewDidZoom(CCScrollView* view);  
    void adjustCardScale(CCPoint adjustPoint); 
    void adjustScrollView(CCPoint adjustPoint); 
    void adjusetEndScrollView(); 
    void cardViewEnd_callBack(CCNode* pSender); 
    int getCurCardIndex();//当前中间card索引 从0开始 
    void addCard(CCNode * card); 
    void addCard(CCNode * card, int zOrder); 
    void addCard(CCNode* card, int zOrder, int tag); 
    CC_SYNTHESIZE(CCPoint , swPosition , SwPosition);//scrollView 位置 
    CC_SYNTHESIZE(CCSize , swSize , SwSize);//scrollView大小 
    CC_SYNTHESIZE(CCSize , slSize , SlSize);//scrollLayer 大小 
    CC_SYNTHESIZE(float , disDistance , DisDistance);//card距离间隔 
    CC_SYNTHESIZE(float , disScale , DisScale);//crad缩放间隔 
    CC_SYNTHESIZE(CCRect , swBox , SwBox);//scrollview 边框 
    CC_SYNTHESIZE(CCLayer* , scrollLayer , scrollLayer);//scrollView的containLayer 
    CC_SYNTHESIZE(int , cardNum , CardNum);//card索引 
    CC_PROPERTY(CCPoint , offsetPosition , OffsetPosition);//card起始位置 
private: 
    CCSize wSize; 
    CCArray* cardArray; 
    CCScrollView* scrollView; 
}; 
#endif
.cpp文件
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
#include "CoverView.h" 
   
CoverView::CoverView() 
{ 
   
} 
   
CoverView::~CoverView() 
{ 
    CC_SAFE_RELEASE_NULL(cardArray); 
} 
   
CoverView* CoverView::create(CCRect swBox, CCSize slSize , float disDistance , float disScale) 
{ 
    CoverView* cover = new CoverView(); 
    if(cover && cover->init(swBox,slSize,disDistance,disScale)) 
    { 
        cover->autorelease(); 
        return cover; 
    } 
    CC_SAFE_DELETE(cover); 
    return NULL; 
} 
   
bool CoverView::init(CCRect swBox , CCSize slSize , float disDistance , float disScale) 
{ 
    if(!CCNode::init()) return false; 
    this->swBox = swBox; 
    this->swPosition = swBox.origin; 
    this->swSize = swBox.size; 
    this->slSize = slSize; 
    this->disDistance = disDistance; 
    this->disScale = disScale; 
    initData(); 
    return true; 
} 
   
   
void CoverView::initData() 
{ 
    wSize = CCDirector::sharedDirector()->getWinSize(); 
    cardArray = CCArray::create(); 
    cardArray->retain(); 
    cardNum = 0; 
   
    offsetPosition = ccp(swSize.width/2,swSize.height/2); 
   
    scrollLayer = CCLayer::create(); 
    scrollLayer->setAnchorPoint(CCPointZero); 
    scrollLayer->setPosition(CCPointZero); 
    scrollLayer->setContentSize(slSize); 
    scrollView = CCScrollView::create(swSize,scrollLayer); 
    scrollView->setAnchorPoint(CCPointZero); 
    scrollView->setContentOffset(ccp(0,0)); 
    scrollView->setTouchEnabled(false);   
    scrollView->setDelegate(this);   
    scrollView->setDirection(kCCScrollViewDirectionHorizontal);   
    addChild(scrollView,1); 
} 
   
void CoverView::onEnter() 
{ 
    CCNode::onEnter(); 
    CCDirector::sharedDirector()->getTouchDispatcher()->addTargetedDelegate(this, 0 , false);   
} 
   
void CoverView::onExit() 
{ 
    CCDirector::sharedDirector()->getTouchDispatcher()->removeDelegate(this); 
    removeAllChildren(); 
    CCNode::onExit(); 
} 
   
bool CoverView::ccTouchBegan(CCTouch* pTouch, CCEvent* pEvent) 
{ 
    return true; 
} 
   
void CoverView::ccTouchMoved(CCTouch* pTouch, CCEvent* pEvent) 
{ 
    CCPoint scroll_prepoint = pTouch->getPreviousLocation(); 
    CCPoint scroll_movepoint = pTouch->getLocation(); 
    if(swBox.containsPoint(scroll_movepoint)) 
    { 
        CCPoint adjustPoint = scroll_movepoint-scroll_prepoint; 
        adjustScrollView(adjustPoint);   
        adjustCardScale(adjustPoint); 
    } 
} 
   
void CoverView::ccTouchEnded(CCTouch* pTouch, CCEvent* pEvent) 
{ 
    CCPoint scroll_prepoint = pTouch->getPreviousLocation(); 
    CCPoint scroll_endpoint = pTouch->getLocation(); 
    float disX = scroll_endpoint.x - scroll_endpoint.x; 
    adjusetEndScrollView(); 
} 
   
void CoverView::adjustCardScale(CCPoint adjustPoint) 
{ 
    float disX = adjustPoint.x; 
    CCObject* obj = NULL; 
    CCARRAY_FOREACH(cardArray,obj) 
    { 
        CCNode* card = (CCNode*) obj; 
        float offset = scrollView->getContentOffset().x; 
        float posX = card->getPositionX() + offset; 
        float disMid = abs(swSize.width/2-posX); 
        float scale = 1- disMid/disDistance*disScale; 
        card->setScale(scale); 
        int zOr = (int) (1000-disMid*0.1); 
        card->setZOrder(zOr); 
    } 
} 
   
void CoverView::adjustScrollView(CCPoint adjustPoint) 
{ 
    CCPoint endPoint = ccpAdd(scrollView->getContentOffset(),ccp(adjustPoint.x,0)); 
    scrollView->unscheduleAllSelectors(); 
    scrollView->setContentOffset(endPoint,false); 
} 
   
void CoverView::adjusetEndScrollView() 
{ 
    CCObject* obj = NULL; 
    float minX = wSize.height; 
    float midX = swSize.width/2; 
    //获取距离中间最小值的card 
    CCARRAY_FOREACH(cardArray,obj) 
    { 
        CCNode* card = (CCNode*) obj; 
        float offset = scrollView->getContentOffset().x; 
        //转化父类坐标 
        float posX = card->getPositionX() + offset; 
        float disMid = midX-posX; 
        if(abs(disMid) < abs(minX)) minX = disMid; 
    } 
   
    CCARRAY_FOREACH(cardArray,obj) 
    { 
        CCNode* item = (CCNode*) obj; 
        //转化父类坐标 
        float offset = scrollView->getContentOffset().x; 
        float posX = item->getPositionX() + offset ; 
        //距离中间长度 
        float disMid = abs(midX - posX - minX); 
        //目标scale 
        float scale = 1- disMid/disDistance*disScale; 
        CCScaleTo* scaleBy = CCScaleTo::create(0.2f,scale); 
        item->runAction(scaleBy); 
        int zOr = (int) (1000-disMid*0.1); 
        item->setZOrder(zOr); 
    } 
    CCLayer* scrollLayer = (CCLayer*)scrollView->getContainer(); 
    CCMoveBy* moveBy = CCMoveBy::create(0.2f,ccp(minX,0)); 
    //CCCallFuncN* callFuncN = CCCallFuncN::create(this,callfuncN_selector(CoverView::cardViewEnd_callBack)); 
    //CCSequence* seq = CCSequence::create(moveBy,callFuncN,NULL); 
    //scrollLayer->runAction(seq); 
    scrollLayer->runAction(moveBy); 
} 
   
void CoverView::cardViewEnd_callBack(CCNode* pSender) 
{ 
    getCurCardIndex(); 
} 
   
void CoverView::scrollViewDidScroll(CCScrollView* view) 
{ 
   
} 
   
void CoverView::scrollViewDidZoom(CCScrollView* view) 
{ 
   
} 
   
   
   
void CoverView::addCard(CCNode * card) 
{ 
    int zOrder = 1000 - cardNum; 
    this->addCard(card, zOrder, 0); 
} 
   
void CoverView::addCard(CCNode * card, int zOrder) 
{ 
    this->addCard(card, zOrder,0); 
} 
   
void CoverView::addCard(CCNode* card, int zOrder, int tag) 
{ 
    float positionX = offsetPosition.x + disDistance*cardNum; 
    float scale = 1 - disScale*cardNum; 
    card->setPosition(ccp(positionX,offsetPosition.y)); 
    card->setScale(scale); 
    cardArray->addObject(card); 
    scrollLayer->addChild(card , zOrder,tag); 
    cardNum++; 
    //CCLog("crad%d:[%f , %f]",cardNum,card->getPositionX(),card->getPositionY()); 
} 
   
int CoverView::getCurCardIndex() 
{ 
    float distance1 = - scrollLayer->getPositionX(); 
    float distance2 = swSize.width/2 - offsetPosition.x; 
    //+5 浮点数误差 
    int index = (distance1 + distance2 + 5) / (disDistance); 
    //CCLog("card index:%d  distance1:%f",index,distance1); 
    return index; 
} 
   
void CoverView::setOffsetPosition(CCPoint var) 
{ 
    offsetPosition = var; 
    CCObject* obj = NULL; 
    cardNum = 0; 
    CCARRAY_FOREACH(cardArray,obj) 
    { 
        CCNode* card = (CCNode*) obj; 
        float positionX = offsetPosition.x + disDistance*cardNum; 
        card->setPosition(ccp(positionX,offsetPosition.y)); 
        cardNum++; 
    } 
    adjustCardScale(CCPointZero); 
} 
   
CCPoint CoverView::getOffsetPosition() 
{ 
    return offsetPosition; 
}
在HelloWorld中调用：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
bool HelloWorld::init() 
{ 
    if ( !CCLayer::init() ) 
    { 
        return false; 
    } 
       
    CCSpriteFrameCache::sharedSpriteFrameCache()->addSpriteFramesWithFile("image/logoLayer.plist"); 
    float winWidth = CCDirector::sharedDirector()->getWinSize().width; 
    float winHeight = CCDirector::sharedDirector()->getWinSize().height; 
   
    CCRect swRect = CCRectMake(0.01f*winWidth,0.4f*winHeight,0.98f*winWidth,0.33f*winHeight); 
    CCSize slSize = CCSizeMake(2.3f*winWidth,0.33f*winHeight); 
    float disDistance = 0.2f*winWidth; 
    float disScale = 0.25f; 
    CoverView* coverView = CoverView::create(swRect,slSize,disDistance,disScale); 
    CCLog("add card"); 
    for(int i = 0 ; i< 11 ; i++) 
    { 
        CCSprite* player = CCSprite::createWithSpriteFrameName("hero_bg.png"); 
        coverView->addCard(player); 
    } 
    //coverflow1.png默认第一张在coverView的正中间  coverflow2.png改变第一张的位置有卡片初始不一定在最中间 需要手动调整 
    //coverView->setOffsetPosition(ccp(0.1f*winWidth,swRect.size.height/2)); 
    coverView->setPosition(swRect.origin); 
    addChild(coverView); 
    return true; 
}
Cover Flow特效实现(2)
跑吧的专栏
10-10 4629
Cover Flow特效实现(1) Cover Flow特效实现(2) 方法四：Tapku框架 Tapku库是一个开源的iOS框架，它包含CoverFlow, Calendar Grid, Char View等等API，总之还是一个比较强大的库。把Tapku
cocos2d-x-3.4引擎下载
最新发布
02-20
Cocos2d-x是一个非常知名的开源游戏开发框架，最初由Ricardo Quesada于2008年开发，并以LGPL许可证发布。它允许开发者使用C++、Lua或JavaScript等多种编程语言，有效地创建出跨平台的2D游戏和应用程序。Cocos2d-x...
cocos2dx coverflow
07-23
cocos2dx2.23 版本 coverflow效果
cocos2dx3.x 类似 coverflow效果
skillart的专栏
03-24 4275
由于镜面反射涉及到openGL，不会。 h文件： #ifndef __CoverView_H__ #define __CoverView_H__ #include "cocos2d.h" #include "cocos-ext.h" USING_NS_CC; USING_NS_CC_EXT; class CoverView : public CCNode , public CCScroll
ChromeOverflowMenu:类似于 Android 版 Chrome 的溢出菜单动画
06-27
ChromeOverflowMenu 它是出现在 Android 版 Chrome 浏览器溢出菜单中的动画。 工作量不大，但很高兴了解事物的动画和构建方式他们通过减慢开发人员选项中的动画持续时间。 为 Android 3.0 及更高版本构建。 并且 Pre-Lollipop 设备没有阴影在弹出窗口中 演示（慢动作）
cocos2d-x-3rd-party-libs-src:cocos2d-x的依存关系
05-28
cocos2d-x第三方库 该存储库包含与cocos2d-x捆绑在一起的第三方库（二进制）的源代码。 对于cocos2d-x开发人员和/或想要： 生成特定库的更新版本（例如：将libpng 1.6.2升级到1.6.14） 将cocos2d-x移植到其他平台...
cocos2d-x-3.1.zip
11-02
Cocos2d-x是一个开源的游戏开发框架，广泛用于2D游戏、实时渲染应用程序和其他互动内容的制作。这个压缩包“cocos2d-x-3.1.zip”包含了Cocos2d-x框架的3.1版本，这是一个经典且相对旧的版本，可能对于那些寻找历史...
使用cocos2d-x-2.0-2.0.4开发的简单跨平台益智类魔塔小游戏
03-23
- **动作（Action）**：cocos2d-x提供了丰富的动作类，如移动、旋转、缩放，用于实现角色和物体的动画效果。 - **层（Layer）**：作为游戏界面的基本单位，用于组织和管理屏幕上的元素。 - **物理引擎（Box2D）**...
cocos2d-x-cocos2d-x-2.2.2.zip
03-01
cocos2d-x不仅适用于游戏开发，还可以用于创建教育软件、互动媒体和其他2D图形应用，其强大的场景管理、精灵（Sprite）系统和粒子效果等功能，使得开发者能够快速构建各种复杂的2D场景。 总的来说，cocos2d-x 2.2.2...
用OpenGL实现无限循环的coverflow
DaiLM的专栏
04-26 1204
网上找了很久，都是用Gallery实现的，效果不是很满意，结果发现这个用OpenGL实现的，稍微修改了一下源码，实现了无限循环功能 源码地址：[url]https://github.com/jackfengji/glcoverflow[/url] [code="java"] public class CoverFlowOpenGL extends GLSurfaceView impl...
发现了一个类似Stack Overflow的编程网站
changkang_woo的专栏
11-19 4098
infoflowing
【原】仿Mac的Coverflow的效果
無
08-26 1212
Kinect的手势测试，弄的小东西。。Link巴：http://unity3d8.com/content/%E4%BB%BFmac%E7%9A%84coverflow%E6%95%88%E6%9E%9C
使用JQUERY animate 动画时自动添加了overflow:hidde
只此浮生是梦中
07-26 1195
使用jquuery 动画，如果内容有超出，会自动加overflow:hidde； 这时候在css中这样写 overflow:visble !important即可。
转：css中overflow:hidden 不起作用了吗？
weixin_30872499的博客
03-08 1581
css中overflow:hidden 不起作用了吗？ 有同学遇到这样的问题，现象是给元素设置了overflow:hidden，但超出容器的部分并没有被隐藏，难道是设置的hidden失效了吗？其实看似不合理的现象背后都会有其合理的解释。 我们知道，overflow属性值有这几种：visible：声明内容不会被剪裁。比如内容可能被渲染到容器外面。hidden：声明内容将被剪裁，并且也甭...
ImageCoverFlow
gsg8709的专栏
01-04 1072
介绍： 效果不错的画廊控件 可以设置画廊一次可见图片的张数，和其他第三方Gallery控件不同的是，该控件直接继承自View，而不是sdk中的Gallery控件。如果想获得包含demo的可运行代码，请在本站的下载链接中下载。 运行效果： 使用说明： 首先设置命名空间： xmlns:imageCoverFlow="http://s
关于overflow:hidden的作用（溢出隐藏、清除浮动、解决外边距塌陷等等）
热门推荐
Emily
10-23 28万+
一. overflow:hidden 溢出隐藏 给一个元素中设置overflow:hidden，那么该元素的内容若超出了给定的宽度和高度属性，那么超出的部分将会被隐藏，不占位。 /*css样式*/ <style type="text/css"> div{ width: 150px; height: 60px; background: skyblue; overflo...
掌握cocos2d-x ParticleDesigner粒子效果制作
在Cocos2d-x中使用ParticleDesigner导出的粒子效果，通常需要使用Cocos2d-x提供的相关类，例如cocos2d::ParticleSystem、cocos2d::ParticleBatchNode、cocos2d::ParticleEmitterNode等。这些类允许开发者在游戏运行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值