ParallaxNode视差节点实现远景近景的不同层次移动

Cocos2d-x有ParallaxNode视差节点，视察顾名思义，就是造成不同的移动速率的效果。

我想大家都玩过刀塔传奇，他的背景有远景和近景之分，而且你滑动屏幕的时候远景和近景是按照不同的速率移动的；

今天我们就来实现这个效果。

关键词：ScrollView , ParallaxNode

要滑动肯定需要ScrollView了，我们一般都会用cocostudio去构建一个ScrollViewd的组件，在cocostudio里面设置好各种我们需要的属性，导入工程里面就可以直接滑动了；

cocos2d-x 3.2读取cocostudio项目接口发生了不小的变化，cocostudio画了一个scrollView，读入项目；

    auto rootNode =cocostudio::timeline::NodeReader::getInstance()->createNode("ScrollViewTest_1/ScrollViewTest_1.ExportJson");

rootNode相当于一个layer，我们需要取到ScrollView来进行控制；

 auto child = rootNode->getChildByTag();
     auto scroll = static_cast<ScrollView *>(child);
     scroll->setParent(nullptr);    //
     auto visiableSize = Director::getInstance()->getVisibleSize();
     scroll->setContentSize(visiableSize);   //让ScrollView的可视范围和屏幕大小一样，否则会出现适配问题；

这里需要注意的是，ScrollView的可视区域大小和可滑动区域大小的概念，可视区域相当于一个窗口，ScrollView的可滑动区域要大于可视区域，这样才有滑动的效果；现在我们ScrollView已经准备好了。下面需要创建ParallaxNode：

     auto bg1 = Sprite::create("HelloWorld.png");
     auto bg2 = Sprite::create("HelloWorld.png");
     auto sprite = Sprite::create("CloseNormal.png");

     parallax = ParallaxNode::create();
     parallax->addChild(bg1, , Vec2(0.5f, ), Vec2(, ));//第二个参数是zorder，第三个参数表示移动速度，第三个参数代表Child的相对位置
     parallax->addChild(bg2, , Vec2(0.5f, ), Vec2(bg1->getContentSize().width, ));
     parallax->addChild(sprite, , Vec2(1.1, ), Vec2(, ));
     //this->addChild(parallax);
     scroll->addChild(parallax); //最后要把视差节点放入Scrollview内