【cocos2d-x IOS游戏开发-城市跑酷5】导演说：动起来，动起来！

尊重开发者的劳动成果，转载的时候请务必注明出处：http://blog.csdn.net/haomengzhu/article/details/17187873

<捕鱼达人>回顾

【cocos2d-x IOS游戏开发-捕鱼达人1】内容介绍

上节回顾

【cocos2d-x IOS游戏开发-城市跑酷4】设置“道具”：云、路灯、竞技团队

游戏的背景有了，“道具”也有了，就这样摆在那里；

导演来了说：怎么不动啊，动起来，动起来！！

当精灵在场景中移动的时候，不可能只限制在地图的那一部分内移动。。

我们还需要看到地图更多的东西，这时就需要场景跟随着精灵移动。

来看具体实现：

加入背景层精灵：

	//加入背景：城市灯火
    _background = CCSprite::createWithSpriteFrameName("background.png");
    _background->setAnchorPoint(ccp(0,0));
	//主要是提高运行速度
    _gameBatchNode->addChild(_background, kBackground);
    
	//将两张背景图连起来，不停的滚动
    repeat = CCSprite::createWithSpriteFrameName("background.png");
    repeat->setAnchorPoint(ccp(0,0));
    repeat->setPosition(ccp(repeat->getContentSize().width - 1, 0));
	////CCNode的添加
    _background->addChild(repeat, kBackground);
    
    repeat = CCSprite::createWithSpriteFrameName("background.png");
    repeat->setAnchorPoint(ccp(0,0));
    repeat->setPosition(ccp(2 * (repeat->getContentSize().width - 1), 0));
    _background->addChild(repeat, kBackground);

设置前景层：

	//设置路灯
    _foreground = CCSprite::createWithSpriteFrameName("lamp.png");
    _foreground->setAnchorPoint(ccp(0,0));
    _gameBatchNode->addChild(_foreground, kForeground);
    
    repeat = CCSprite::createWithSpriteFrameName("lamp.png");
    repeat->setAnchorPoint(ccp(0,0));
    repeat->setPosition(ccp(repeat->getContentSize().width * 4, 0));
    _foreground->addChild(repeat, kBackground);
    
    repeat = CCSprite::createWithSpriteFrameName("lamp.png");
    repeat->setAnchorPoint(ccp(0,0));
    repeat->setPosition(ccp(repeat->getContentSize().width * 8, 0));
    _foreground->addChild(repeat, kBackground);

为了能让整个游戏动起来，就需要移动场景了。

移动背景层：城市也在移动

		//一直往左移
        _background->setPositionX(_background->getPosition().x - 5);
        float diffx;
        //移完一个宽度时，重新把位置设置为接近0的位置
		//getContentSize获得精灵矩形的宽高
        if (_background->getPositionX() < -_background->getContentSize().width) {
            diffx = fabs(_background->getPositionX()) - _background->getContentSize().width;
			//移动场景
            _background->setPositionX(-diffx);
        }

移动前景层：路灯也在向左移动

        _foreground->setPositionX(_foreground->getPosition().x - 10);
        
        if (_foreground->getPositionX() < -_foreground->getContentSize().width * 4) {
            diffx = fabs(_foreground->getPositionX()) - _foreground->getContentSize().width * 4;
            _foreground->setPositionX(-diffx);
        }

移动精灵：云朵

当云朵从屏幕左侧完全消失的时候，应该从屏幕右侧显示出来，这样让云朵飘起来。

        int count = _clouds->count();
        CCSprite * cloud;
        for (int i = 0; i < count; i++) {
            cloud = (CCSprite *) _clouds->objectAtIndex(i);
            cloud->setPositionX(cloud->getPositionX() - 3);
			//把云朵想象成一个盒子
            if (cloud->getPositionX() + cloud->boundingBox().size.width * 0.5f < 0 )
                cloud->setPositionX(_screenSize.width + cloud->boundingBox().size.width * 0.5f);
        }

移动精灵：竞技团队

思想:如果精灵的任何一个方向(x,y)的位置的值大于屏幕的大小，那么就需要移动将屏幕中心移动到该点（这是我的这个游戏的设定，其他的也可以），如果精灵就是在地图的左下角那一部分（0，0）到（screenSize.width/2，screenSize.height/2），那么我们还是一样的想法，只不过这次是将屏幕中心移动原来的屏幕中心，实际上还是没有移动。屏幕要移动到(x,y)，那么就需要场景从(screenSize.width/2-x,screenSize.height/2-y)这个方向去移动，屏幕肯定不会移动了啦，移动的是场景。但是竞技团队是一个在背景层上的精灵，可以让团队移动，让团队CCMoveTo到屏幕的某点【CCMoveTo是移动到指定坐标】，也就是看起来是在移动了。

来看下竞技团队的移动实现：

    _jam->setPosition(ccp(_screenSize.width * 0.19f, _screenSize.height * 0.47f));
    _jamMove = CCMoveTo::create(6.0f, ccp(-_screenSize.width * 0.3f, _jam->getPositionY()));
    _jamMove->retain();

当主角跑的太快超越竞技团队，把其他人甩到后面时，团队就应该消失了。

        if (_jam->getPositionX() < -_screenSize.width * 0.2f) {
            _jam->stopAllActions();
            _jam->setVisible(false);
        }

初步的效果图：

下一节更精彩：诺大的城市，街区呢？房子呢？

博主带你一起创建属于你自己的城市！！