1-1.jpg

       相信许多朋友都听过或玩过《捕鱼达人》这款游戏。去年7月,《捕鱼达人3》正式发布,24小时突破1千万下载,可以说是异常火爆,没玩过的童鞋不妨来下载试玩一下!


      本次《捕鱼达人3》采用了Cocos2d-x 3.x版本中的3D功能来进行开发,实现了完全的3D化。作为一款支撑了无数2D游戏产品的引擎,Cocos2d-x本次也将带来3D方面的功能扩展,帮助广大Cocos2d-x开发者快速进入3D游戏产品的研发时代。


      下面,我们就以《捕鱼达人3》作为案例,讲解一下如何使用Cocos2d-x 3.2来实现其中的3D技术。


       在进行3D游戏的开发时,模型的加载和骨骼动画的播放是最基础也是最重要的工作内容。在《捕鱼达人3》中,每一条鱼都是美术师在3ds max或maya等3D建模软件中进行模型和骨骼动画的建立,最终导出为通用的模型文件格式.fbx。并通过Cocos2d-x所附带的转换工具fbx-conv.exe将它转换为可以加载到Cocos2d-x中进行显示和播放的文件格式。这个文件格式有两种类型,一个是c3t,即文本格式的模型文件,另一个是c3b,即二进制格式的模型文件。


        在使用Cocos2d-x进行2D游戏的开发时,我们最常用的一个类是Sprite,即“图片精灵”,对于精灵的动画操作,只需要精灵调用相应的 Action就可以了。 为方便快速地进行3D游戏的开发,Cocos2d-x引擎也提供了相应的3D的精灵类和播放骨骼动画的Action,下面我们用《捕鱼达人3》中的乌龟模型来演示一下这个过程:


       首先,打开Cocos2d-x 3.x,拷贝一份ccp-empty-test设为当前项目,然后我们在Class目录中建立一个基于Layer派生出的层用于我们的演示,这里我们将其命名为FishLayer。


       我们在这个层里加入相应的精灵成员和相应的动作。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
//这是用于显示3D鱼模型的层
class FishLayer : public cocos2d::Layer
{
    public:
    //初始化当前层
        virtual bool init();  
        CREATE_FUNC(FishLayer);
         
    protected:
    //鱼精灵
        cocos2d::Sprite3D*_sprite;
    //向前游的动作
        cocos2d::Animate3D*_swim;
    //受伤的动作
        cocos2d::Animate3D*_hurt;
};


然后,我们在层的初始化函数中加入精灵的创建代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
bool FishLayer::init()
{
    //加载模型文件
    std::string fileName = "tortoise.c3b";
    _sprite = Sprite3D::create(fileName);
    _sprite->setScale(0.1f);
    auto s = Director::getInstance()->getWinSize();
    _sprite->setPosition(Vec2(s.width * 4.f / 5.f, s.height / 2.f));
    addChild(_sprite);
 
    //获取<a href="http://cn.cocos2d-x.org/article/index?type=cocos2d-x&url=/doc/cocos-docs-master/manual/framework/native/v3/spine/zh.md" target="_blank" title="骨骼动画">骨骼动画</a>信息
    auto animation = Animation3D::create(fileName);
    if (animation)
    {
        //从起始到1.933秒截取为游泳动作
        _swim = Animate3D::create(animation, 0.f, 1.933f);
        _swim->retain();
 
        //从1.933秒到2.8秒截取为受伤的动作
        _hurt = Animate3D::create(animation, 1.933f, 2.8f);
        _hurt->retain();
 
        //让精灵循环播放游泳和的受伤动作
        Sequence*pSequence = Sequence::create(_swim,_hurt,NULL);
        _sprite->runAction(RepeatForever::create(pSequence));
    }
 
    return true;
}


        我们将模型资源tortoise.c3b和用到的贴图tortoise.png以及背景图Sea.jpg放到资源目录下,运行程序,这时就可以看到乌龟显示在屏幕中了,它向前游动一下后会播放受伤的动作,这样不停的循环。

1-2.jpg

     这样,我们就使用Cocos2d-x进行了3D模型的加载显示,大家觉得是不是也很简单呢?