cocos2dx游戏开发——微信打飞机学习笔记(三)——WelcomeScene的搭建

一、场景与层的关系:

cocos2dx的框架可以说主要由导演,场景,层,精灵来构成:

1、其中导演,意如其名,就是操控整个游戏的一个单例,管理着整个游戏。

2、场景就像电影的一幕剧情,所以说,懂得如何划分好游戏的场景,是开始动手做游戏的第一步。

3、一个场景会有很多层,用来处理场景不同的功能。

4、而精灵则是最小的单位,比如子弹,飞机,敌机都是一个个的精灵所组成的。

 

二、WelcomeScene的搭建:

1、场景和层的二种搭建方法:

(1)一种就是跟HelloWorld示例一样的方法,以一个层为主体,然后这个层建立成一个场景,这种方式适合用再一个场景下只有一个层的时候,可以缩短代码的长度。

(2)另一种就是先建立一个场景,然后再建立层。这是我比较推荐的做法,因为本人是个小白,认为这种方法比较如何我们正常人的思维= =。然后先贴WelcomeScene.h的代码:

#include "cocos2d.h"

USING_NS_CC;                         //用引擎要的头文件和名字空间

class WelcomeScene :public Scene       
{
public:

    CREATE_FUNC(WelcomeScene);     //一个宏定义

    virtual bool init();                  //继承的init方法
};

1、CREATE_FUNC():其实它就是一个宏定义,可以追踪下去看他的代码:

#define CREATE_FUNC(__TYPE__)
 \
static __TYPE__* create() \

{ \
    __TYPE__ *pRet = new __TYPE__(); \
 
   if (pRet && pRet->init()) \
  
  { \
        pRet->autorelease(); \
      
  return pRet; \
    } \
   
 else \
   
 { \
        delete pRet; \
    
    pRet = NULL; \
     
   return NULL; \
   
 } 

}

其实就是一个创建的方法,首先new一个新的对象,然后检验是否申请到内存,没有的话直接跳过,有的话,执行init()的方法。于是呢init()方法便成为一个场景的主干,就相当于C++语言的main函数的感觉吧。

2、然后就是init的方法做了什么,我们看看WelcomeScene.cpp:

#include "WelcomeScene.h"
#include "WelcomeLayer.h"

USING_NS_CC;

bool WelcomeScene::init()
{
    if (!Scene::init())
    {
        return false;
    }
    
    auto layer = WelcomeLayer::create();
    if (layer)
    {
        this->addChild(layer);
    }

    
    return true;
}

其实就是创建一个WelcomeLayer然后通过addChild的方法加到这个场景当中。

三、WelcomeLayer的搭建

如果说Scene是个大的一幕剧情,那么layer就代表了这一幕剧情中每一个角色。

这个WelcomeLayer主要是实现一个资源的加载,由于不能太过无聊所以还得加一个小小的缓冲帧动画。然后:

1、我们先看如何进行资源的加载和背景的加入。

//主要通过cocos已经实现的单例将所需要的图片的plist文件加入
 SpriteFrameCache::getInstance()->addSpriteFramesWithFile("shoot.plist");
    SpriteFrameCache::getInstance()->addSpriteFramesWithFile("shoot_background.plist");


//创建背景
    auto background = Sprite::createWithSpriteFrameName("background.png");
    background->setAnchorPoint(Vec2::ZERO);
    background->setPosition(Vec2::ZERO);
    this->addChild(background);

//创建copyRight
    auto copyRight = Sprite::createWithSpriteFrameName("shoot_copyright.png");
    copyRight->setPosition(Vec2(origin.x + visibleSize.width/2, origin.y + visibleSize.height / 3*2));
    this->addChild(copyRight);

(1)大家可以想一下,其实一个游戏的本质就是在不停的绘图,那你想想,如果每次再画一个图的时候再把图片加入到内存中,是不是会一卡一卡的 = = 所以呢,我们通过cocos2d封装的方法一次性先加入进去。

(2)然后大家可能不大清楚什么是plist文件,首先我们加载图片资源的时候,其实是把所有的图片打包成一个图片加入进去的,但我们要记录那个图片在新生成的图片的哪一个位置,所以便需要引入一个plist文件,它就是一张表格,记录了每个图片在新生成图片中的位置。上图。如下~

hero2hero1     ……                                              shoot

                  小的图片                                                                                         打包后新生成的图片。

(3)然后就是创建一个背景的精灵,设置锚点和位置,最后加入到这个层中。然后主要是这个锚点的定义,锚点其实就相当于在一个图片上打上一个图钉,以这一个图钉的位置来代表整个图片的位置,然后通过setPosition来设置图片的位置。

(4)copyRight和背景的创建类似。

(5)Vec2就是Point,代表一个点的数据类型。

2、帧动画的创建:

auto gameLoading = Sprite::createWithSpriteFrameName("game_loading1.png");
    gameLoading->setPosition(Vec2(origin.x + visibleSize.width / 2, origin.y + visibleSize.height / 7*3));
    this->addChild(gameLoading);


    auto animation = Animation::create();
    animation->setDelayPerUnit(0.5f);
    animation->addSpriteFrame(SpriteFrameCache::getInstance()->getSpriteFrameByName("game_loading1.png"));
    animation->addSpriteFrame(SpriteFrameCache::getInstance()->getSpriteFrameByName("game_loading2.png"));
    animation->addSpriteFrame(SpriteFrameCache::getInstance()->getSpriteFrameByName("game_loading3.png"));
    animation->addSpriteFrame(SpriteFrameCache::getInstance()->getSpriteFrameByName("game_loading4.png"));
    auto animate = Animate::create(animation);

gameLoading->runAction(animate);
    return true;

帧动画就是通过记账图片在很短的时间内进行形成的动画,所以可以看到,我们先设置动画的第一帧为一个精灵,然后创建一个帧动画,通过addSpriteFrame的方法加入图片,然后通过setDelayPerUnit的方法设置切换图片的时间,然后让精灵做这个动画,然后的然后就看效果吧,这一节学习笔记就结束了= =,我怎么觉得写完会累死的节奏。

 

                                                   QQ截图20140806215552

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值