Cocos2DX之CCParallaxNode

转载 2013年12月04日 15:10:22
如果我们的游戏中有地图的移动,就无法避免滚动视差。也就是说离实现越远的地方移动速度越慢,这样才可以形成景深不一样的视觉效果。
     如果使用cocos2d,那我们可以很简单的实现。因为已经存在了这样一个“容器”:CCParallaxNode。对的,它肯定继承于CCNode,加入到CCParallaxNode的元素都会有一个parallaxRatio,用来决定移动的快慢。

1:构造CCParallaxNode:
      和构造CCNode没有什么不同
      CCParallaxNode *parallaxNode = [CCParallaxNode node];

2:向CCParallaxNode添加元素:

      CCSprite *background = [CCSprite spriteWithFile:@"background.png"];//最远的背景

      CCSprite *map = [CCSprite spriteWithFile:@"map.png"];//中间的地图元素

      CCSprite *topImage = [CCSprite spriteWithFile:@"powered.png"];//最前景

      // background image is moved at a ratio of 0.4x, 0.5y
      [parallaxNode addChild:background z:-1 parallaxRatio:ccp(0.4f,0.5f)
                                        positionOffset:CGPointZero];
       
      // map are moved at a ratio of 2.2x, 1.0y
     [parallaxNode addChild:map z:1 parallaxRatio:ccp(2.2f,1.0f)
                                 positionOffset:ccp(0,-200)];
       
      // top image is moved at a ratio of 3.0x, 2.5y
     [parallaxNode addChild:cocosImage z:2 parallaxRatio:ccp(3.0f,2.5f)
                                       positionOffset:ccp(200,800)];

3:解析:
      parallaxRatio其实就是相对于CCParallaxNode的移动速度的比例,比如background的parallaxRatio为ccp(0.4,0.5),表示CCParallaxNode的X轴和Y轴分别移动一个点,则background分别移动0.4,0.5个点。这样看起来远背景移动的速度就慢一些了。

4:内部实现:
      CCParallaxNode的内部实现其实也很简单,只需要根据parallaxRatio重新计算每个Child的位置即可。

相关文章推荐

cocos2dx API中文版

  • 2017-09-28 16:12
  • 11.54MB
  • 下载

消灭星星cocos2dx

  • 2017-09-11 18:51
  • 3.11MB
  • 下载

cocos2dx 3.1.1 创建项目编译到android上运行

前期准备:python 2.7 , ndk , sdk , apache ant , cocos2

Cocos2dx环境下java和C.docx

  • 2016-05-28 14:57
  • 35KB
  • 下载

cocos2dx读取excel文件

cocos2dx andriod平台遇到的问题总结

1. 调用std::sort函数的文件加头文件 #include 2. 发现无法访问网络,在 AndroidManifest.xml 中加入以下代码 uses-permission androi...

cocos2dx-plistMaker

  • 2016-04-21 20:25
  • 97KB
  • 下载

cocos2dx粒子编辑器

  • 2015-10-28 15:47
  • 7.18MB
  • 下载

cocos2dx中的scheduler

cocos2dx中的scheduler

cocos2dx工程模板

  • 2017-02-22 20:19
  • 4.41MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)