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

时间:2023-03-08 17:27:03

一、场景与层的关系:

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/, origin.y + visibleSize.height / *));
this->addChild(copyRight);

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

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

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

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

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

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

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

2、帧动画的创建:

auto gameLoading = Sprite::createWithSpriteFrameName("game_loading1.png");
gameLoading->setPosition(Vec2(origin.x + visibleSize.width / , origin.y + visibleSize.height / *));
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的方法设置切换图片的时间,然后让精灵做这个动画,然后的然后就看效果吧,这一节学习笔记就结束了= =,我怎么觉得写完会累死的节奏。

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