[Cocos2d-x]视差滚屏效果的实现

简介:

视差滚屏效果的实现:

我们在做IOS游戏开发的时候,经常会遇到那种屏幕动的效果,比如跑酷类的游戏,就这这种效果的典型应用。

效果图:


核心代码:

bool HelloWorld::init() {     //////////////////////////////     // 1. super init first     if ( !CCLayer::init() )     {         return false;     }      CCSize screenSize = CCDirector::sharedDirector()->getWinSize();     CCSprite *para1 = CCSprite::create("parallax1.png");     CCSprite *para2 = CCSprite::create("parallax2.png");     CCSprite *para3 = CCSprite::create("parallax3.png");     CCSprite *para4 = CCSprite::create("parallax4.png");     para1->setAnchorPoint(CCPointMake(0, 1));     para2->setAnchorPoint(CCPointMake(0, 1));     para3->setAnchorPoint(CCPointMake(0, 0.6f));     para4->setAnchorPoint(CCPointMake(0, 0));     CCPoint topOffset = CCPointMake(0, screenSize.height);     CCPoint midOffset = CCPointMake(0, screenSize.height/2);     CCPoint downOffset = CCPointMake(0, 0);     CCParallaxNode* paraNode = CCParallaxNode::create();     paraNode->addChild(para1, 1, CCPointMake(0, 10), topOffset);     paraNode->addChild(para2, 2, CCPointMake(0, 10), topOffset);     paraNode->addChild(para3, 3, CCPointMake(0, 10), midOffset);     paraNode->addChild(para4, 4, CCPointMake(0, 10), downOffset);     this->addChild(paraNode,2,1);          CCMoveBy*move1 = CCMoveBy::create(3, CCPointMake(0, -160));     CCMoveBy*move2 = CCMoveBy::create(3, CCPointMake(0, 160));     CCSequence*sequence = CCSequence::create(move1,move2,NULL);     CCRepeatForever *repeat = CCRepeatForever::create(sequence);     paraNode->runAction(repeat);          return true; }


资源下载[猛戳]

原码:http://download.csdn.net/detail/s10141303/6239585






















本文转蓬莱仙羽51CTO博客,原文链接:http://blog.51cto.com/dingxiaowei/1366278,如需转载请自行联系原作者

相关文章
|
前端开发 人机交互
Cocos Creator3.8 项目实战(四)巧用九宫格图像拉伸
Cocos Creator3.8 项目实战(四)巧用九宫格图像拉伸
404 0
|
2月前
|
Windows
MASM32编程状态栏显示字符动画,按钮跑马灯
MASM32编程状态栏显示字符动画,按钮跑马灯
|
5月前
|
开发工具 图形学 git
【实现100个unity特效之7】unity 3d实现各种粒子效果
【实现100个unity特效之7】unity 3d实现各种粒子效果
103 0
【Axure教程】鼠标滚动上下翻页效果
【Axure教程】鼠标滚动上下翻页效果
|
iOS开发
iOS开发- 分屏动画
iOS开发- 分屏动画
138 0
iOS开发- 分屏动画
|
JSON Android开发 数据格式
原生app开发技巧——底部导航栏动画效果按钮制作方法之采用photoshop制作gif动画-过渡动画关键帧
原生app开发技巧——底部导航栏动画效果按钮制作方法之采用photoshop制作gif动画-过渡动画关键帧
原生app开发技巧——底部导航栏动画效果按钮制作方法之采用photoshop制作gif动画-过渡动画关键帧
Qt 使用一张图片实现转圈的动画效果
这个是显示的效果,以前用的时候就是网上照一张Gif动画,完了加载进去。我们可以在Qt中使用Movie来操纵Gif动画。 这个试下方式就是通过painter绘制一个图片,通过按照一定的规律旋转图片实现的。
835 0
Qt 使用一张图片实现转圈的动画效果
|
图形学
【UGUI】 (一)------- 放大镜
在许多游戏或应用中,我们常常看到放大镜的身影,而在Unity里面,制作一个简易的放大镜是非常简单的。                    一. 创建一个3DObject 创建一个Cube或者 Cylinder,这里为了更像放大镜一些,笔者创建了一个Cylinder。
1949 0