本系列学习教程使用的是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轴位置来实现缩放效果。需要再次强调的是:不推荐
使用摄像机实现二维特效,本实例只是一个使用的范例。
实例运行效果图。