【Cocos2d-X开发学习笔记】第07期：渲染框架之摄像机类（CCCamera）的使用

本系列学习教程使用的是cocos2d-x-2.1.4版本（截至目前为止最新稳定版） ，PC开发环境Windows7，C++开发环境VS2010  

一、摄像机类

     所有节点都拥有一个摄像机类CCCamera。只有通过摄像机类，节点才会被渲染出来。当节点发生缩放旋转和位置

变化的时候，都需要覆盖CCCamera类，让这个节点通过CCCamera类重新渲染。

注意：CCNode类里有些方法可以实现缩放、旋转和位置变化，当使用摄像机类实现这些的时候，那些方法就不能同时使用了。使用摄像机类也不可以同时使用世界坐标了。

CCCamera类的继承关系如下图 所示。

      Cocos2D-X中的CCCamera类使用OpenGL的gluLookAt函数来设置位置。gluLookAt函数有三组关于坐标的参数，

其中“Eye”系列的x、y、z坐标参数是视角的位置，而“Center”系列的x、y、z坐标参数是所视目标的坐标位置，

“Up”系列的x、y、z坐标参数是摄像机方向的向量坐标。关于这三个参数，你可以理解为以“Eye”为起点，沿着

“Up”方向，朝着“Center”看。

注意 ：这里需要说明的是，在三维效果中，使用CCCamera类是可以的，但是如果你只需要一些二维特效的话，那么更推荐跟随类CCFollow。跟随类CCFollow的相关知识，我们会在后面学习到。

CCCamera类的主要保护成员数据如下图所示。

CCCamera类的主要公共函数如下图所示。

 

二、实例：CCCamera类的使用

 

      CCCamera类可以实现节点对象的缩放旋转等，下面就让我们来实现摄像机类实现缩放的实例。

<1> 首先新建一个Cocos2D-X项目，然后在HelloWorldScene.h文件中添加如下代码所示。

class HelloWorld : public cocos2d::CCLayer
{ 
	float    m_z;
public:
    // Here's a difference. Method 'init' in cocos2d-x returns bool, instead of returning 'id' in cocos2d-iphone
    virtual bool init();  

	void update(float dt);

    // there's no 'id' in cpp, so we recommand to return the exactly class pointer
    static cocos2d::CCScene* scene();
    
    // a selector callback
    void menuCloseCallback(CCObject* pSender);

    // implement the "static node()" method manually
    CREATE_FUNC(HelloWorld);
};

#endif  

添加了一个成员变量m_z和一个成员函数update。

 

<2> 然后在HelloWorldScene.cpp文件的init函数中添加如下所示代码。

bool HelloWorld::init()
{
    bool bRet = false;
    do 
    {     
        CC_BREAK_IF(! CCLayer::init());

		// Create a "close" menu item with close icon, it's an auto release object.
        CCMenuItemImage *pCloseItem = CCMenuItemImage::create(
            "CloseNormal.png",
            "CloseSelected.png",
            this,
            menu_selector(HelloWorld::menuCloseCallback));
        CC_BREAK_IF(! pCloseItem);

        // Place the menu item bottom-right conner.
        pCloseItem->setPosition(ccp(CCDirector::sharedDirector()->getWinSize().width - 20, 20));

        // Create a menu with the "close" menu item, it's an auto release object.
        CCMenu* pMenu = CCMenu::create(pCloseItem, NULL);
        pMenu->setPosition(CCPointZero);
        CC_BREAK_IF(! pMenu);

        // Add the menu to HelloWorld layer as a child layer.
        this->addChild(pMenu, 1);

        CCSize s = CCDirector::sharedDirector()->getWinSize();
    
	    CCSprite *sprite;
		CCCamera *cam;
    
		// LEFT
		sprite = CCSprite::create("grossini.png");
		addChild( sprite, 0);        
		sprite->setPosition( ccp(s.width/4*1, s.height/2) );
		cam = sprite->getCamera();
		cam->setEyeXYZ(0, 0, 415/2);
		cam->setCenterXYZ(0, 0, 0);
    
		// CENTER
		sprite = CCSprite::create("grossini.png");
		addChild( sprite, 0, 40);
		sprite->setPosition(ccp(s.width/4*2, s.height/2));
    
		// RIGHT
		sprite = CCSprite::create("grossini.png");
		addChild( sprite, 0, 20);
		sprite->setPosition(ccp(s.width/4*3, s.height/2));

        m_z = 0;

        scheduleUpdate();

        bRet = true;
    } while (0);
    return bRet;
}

<3> 最后在update函数中添加如下所示代码。

void HelloWorld::update(float dt)
{
    CCNode *sprite;
    CCCamera *cam;
    
    m_z += dt * 100;
    
    sprite = getChildByTag(20);
	//获得摄像机
    cam = sprite->getCamera();
	//设置z轴位置
    cam->setEyeXYZ(0, 0, m_z);
    
    sprite = getChildByTag(40);
    cam = sprite->getCamera();
    cam->setEyeXYZ(0, 0, -m_z);    
}

      通过getCamera函数获得摄像机实例，并通过设置视角的z轴位置来实现缩放效果。需要再次强调的是：不推荐

使用摄像机实现二维特效，本实例只是一个使用的范例。

 

实例运行效果图。

 

实例源码下载