Cocos2d-x学习笔记二——Cocos2d的基本框架认识

框架认识主体步骤:

  • 对框架中对象的认识
  • helloworld新建项目解析
  • 认识源码大致的具体实现

框架中的对象:

说到框架中的对象,最主要的有director(导演),scene(场景),layer(图层),sprite(精灵),action(动作)和node(节点),这里我们先把action看作对象。

接下来,我们用一张图来进行分析:


我们用现实中的场景来解释Cocos2d的整体框架,我们可以把整个框架看作舞台剧,director(导演)负责掌控整个舞台,主要的的作用负责场景的切换,重启,暂停,世界坐标和GL坐标之间的切换,对节点(游戏元素)的控制,还有一些游戏数据的保存调用,屏幕尺寸的获取等工作。主要的实现函数有:

shareCCDirector()   // 创建一个director对象
runWithScene()   // 开始一个场景
replaceScene()    // 替换场景

接下来的两个函数要先介绍Cocos2d中场景的转换,导演会产生一个容器用来存放我们的场景,我们把创建好的场景放置容器中,在需要的时候切换出来,类似于我们C++所使用的堆栈,还可以这样想像,舞台剧一般分为很多幕,当我们要切换场景时,只要把前面的场景清除,拉开后面的帘子,可以比较快速的实现场景的切换,而我们在做这样的切换时,就用push和pop来实现。(*这里提示一点,后创建的场景会覆盖先前的场景,但是我们也可以利用函数调整场景的覆盖顺序。)

pushScene()    // 将场景放置到容器当中
popScene()    // 将场景从容器中取出
pause()    // 暂停场景
resume()     // 重新绘制场景
end() 	// 释放和终止执行场景,同时退出应用

scene(场景):其主要用途是用来对各个layer进行划分,使我们的项目整体看起来比较规范。(一个scene可以有多个layer)

layer(图层):layer用来存储sprite,舞台剧中的背景便是我们这里的layer,它可以随意切换颜色,接受用户的输入事件,包括触摸,加速度计和键盘输入等。主要实现的函数有:

CCLayerColor()		// 可以使用它改变图层颜色
CCLayerGradient() 	// 渐变颜色
CCLayerMultiplex()	// 颜色组合图层(可以存储多个图层)		

Sprite(精灵):这里的精灵可以看做舞台剧上表演的人物,桌子椅子等实物,当然在我们游戏设计时,他也可以是白云,树木,怪物,主人公等,可以通过它来执行动作(一般在游戏中都会绑定一张图片)。

action(动作):用以实现游戏的各种动作,例如:跑步,行走,跳跃等这里不做详细介绍。

node(节点):正如上面图中显示,scene,layer,sprite都是继承者node,因此都可看做是节点,所以节点树就如数据结构中的树,代表着他们之间的关系。

另外,还有一个比较重要的对象CCCamera(摄像机):其所摄取的内容显示出来后,便是我们所看到的内容,就像我们人使用摄像机拍摄物体时,不同的角度可以拍摄出不一样的样子,因此,我们可以利用摄像机,翻转、旋转图片等。(其具体的实现可观看源码比较清晰)


helloworld源码解析:

在创建好的helloworld解决方案中,有helloworld的项目和自动生成的Cocos2d引擎库的代码。



HelloWorldScene.cpp:

#include "HelloWorldScene.h"

USING_NS_CC;

/*
* 创建场景对象的类
*/
Scene* HelloWorld::createScene()
{
    // 这里创建一个场景对象,auto表示在场景被销毁时,其对象的内存单元也会自动释放
    auto scene = Scene::create();
    
    // 创建layer对象
    auto layer = HelloWorld::create();

    // 将layer添加到场景对象scene中
    scene->addChild(layer);

    return scene;
}

// 图层实例的初始化
bool HelloWorld::init()
{
    //////////////////////////////
    // 1. super init first
    if ( !Layer::init() )
    {
        return false;
    }
    
    // 获得实例化后可见窗口的大小
    Size visibleSize = Director::getInstance()->getVisibleSize();
    // 获得可见窗口的原点
    Vec2 origin = Director::getInstance()->getVisibleOrigin();

    /////////////////////////////
    // 2. add a menu item with "X" image,which is clicked to quit the program
    //    you may modify it.

    // 创建菜单项,第一个参数为未点击图片,第二个参数为点击后图片,第三个参数
    // 为响应点击的回调函数,第四个参数为当前的layer对象
    auto closeItem = MenuItemImage::create(
                                           "CloseNormal.png","CloseSelected.png",CC_CALLBACK_1(HelloWorld::menuCloseCallback,this));
    
    // 设置菜单项在窗口中的位置,这里窗口的左下角为原点,横向为x轴,纵向为y轴,
    // 垂直于屏幕向外为z轴
    closeItem->setPosition(Vec2(origin.x + visibleSize.width - closeItem->getContentSize().width/2,origin.y + closeItem->getContentSize().height/2));

    // 创建菜单对象,并设置位置,添加菜单到layer
    auto menu = Menu::create(closeItem,NULL);
    menu->setPosition(Vec2::ZERO);
    this->addChild(menu,1);

    /////////////////////////////
    // 3. add your codes below...

    // 创建一个标签对象,第一个参数为显示的文字,第二个参数为字体,第三个为大小
    auto label = Label::createWithTTF("Hello World","fonts/Marker Felt.ttf",24);
    
    // 设置标签位置
    label->setPosition(Vec2(origin.x + visibleSize.width/2,origin.y + visibleSize.height - label->getContentSize().height));

    // 添加
    this->addChild(label,1);

    // 创建精灵对象,设置位置,并将其添加到layer
    auto sprite = Sprite::create("HelloWorld.png");
    sprite->setPosition(Vec2(visibleSize.width/2 + origin.x,visibleSize.height/2 + origin.y));
    this->addChild(sprite,0);
    
    return true;
}

// 菜单点击响应的回调函数
void HelloWorld::menuCloseCallback(Ref* pSender)
{
    // 获取导演实例,停止关闭窗口
    Director::getInstance()->end();

// 平台的判断,与内容无关
#if (CC_TARGET_PLATFORM == CC_PLATFORM_IOS)
    exit(0);
#endif
}
从源码中我们可以看出,这些设计遵循节点树(即导演控制场景,场景中添加图层,图层里可添加精灵、菜单、标签等),与我们所讲的Cocos2d框架一致。


AppDelegate.cpp:

这个源码里面主要有三个函数,代表项目运行的生命周期:

applicationDidFinishLaunching()		// 应用成程序启动完成后进入

applicationDidEnterBackground()		// 处理中断和暂停,将程序放置于后台,这里举个简单的例子,但我们在玩游戏的时候,
// 这时有点进来,此时我们要暂停游戏,放在后台,等电话结束后从后台取出继续

applicationWillEnterForeground()	// 从后台取出程序到达前台

源码:

<pre name="code" class="cpp">#include "AppDelegate.h"
#include "HelloWorldScene.h"

USING_NS_CC;

// 设置窗口大小
static cocos2d::Size designResolutionSize = cocos2d::Size(480,320);
static cocos2d::Size smallResolutionSize = cocos2d::Size(480,320);
static cocos2d::Size mediumResolutionSize = cocos2d::Size(1024,768);
static cocos2d::Size largeResolutionSize = cocos2d::Size(2048,1536);

AppDelegate::AppDelegate() {

}

AppDelegate::~AppDelegate() 
{
}

// 窗口openGL背景属性
void AppDelegate::initGLContextAttrs()
{
    // 6个属性分别为红,绿,蓝,透明度,浓度,模板
    GLContextAttrs glContextAttrs = {8,8,24,8};

    GLView::setGLContextAttrs(glContextAttrs);
}

// If you want to use packages manager to install more packages,// don't modify or remove this function
static int register_all_packages()
{
    return 0; //flag for packages manager
}

// 应用成程序启动完成后进入
bool AppDelegate::applicationDidFinishLaunching() {
    // 初始化导演,可看做全局对象
    auto director = Director::getInstance();
    // 获得窗口框架
    auto glview = director->getOpenGLView();
    if(!glview) {
	// 创建窗口框架及标题
        glview = GLViewImpl::create("My Game");
        director->setOpenGLView(glview);
    }

    // true时可以设置FPS(帧率)
    director->setDisplayStats(true);

    // 设置帧率大小(20 - 200),为了使其运行流畅,一般最小应在30以上运行才算流畅
    director->setAnimationInterval(1.0 / 60);

    // 设置分辨率,第一个参数为宽,第二为高,第三为窗口类型
    glview->setDesignResolutionSize(designResolutionSize.width,designResolutionSize.height,ResolutionPolicy::NO_BORDER);
    Size frameSize = glview->getFrameSize();
    // 判断窗口高度是否大于设备高度
    if (frameSize.height > mediumResolutionSize.height)
    {        
        director->setContentScaleFactor(MIN(largeResolutionSize.height/designResolutionSize.height,largeResolutionSize.width/designResolutionSize.width));
    }
    // 判断窗口高度是否大于设备最小分辨率
    else if (frameSize.height > smallResolutionSize.height)
    {        
        director->setContentScaleFactor(MIN(mediumResolutionSize.height/designResolutionSize.height,mediumResolutionSize.width/designResolutionSize.width));
    }
    // if the frame's height is smaller than the height of medium size.
    else
    {        
        director->setContentScaleFactor(MIN(smallResolutionSize.height/designResolutionSize.height,smallResolutionSize.width/designResolutionSize.width));
    }

    // 包管理器安装更多包可用
    register_all_packages();

    // 创建场景
    auto scene = HelloWorld::createScene();

    director->runWithScene(scene);

    return true;
}

// 处理中断和暂停,将程序放置于后台,这里举个简单的例子,但我们在玩游戏的时候,
// 这时有点进来,此时我们要暂停游戏,放在后台,等电话结束后从后台取出继续
void AppDelegate::applicationDidEnterBackground() {
    Director::getInstance()->stopAnimation();

    // if you use SimpleAudioEngine,it must be pause
    // SimpleAudioEngine::getInstance()->pauseBackgroundMusic();
}

// 从后台取出程序到达前台
void AppDelegate::applicationWillEnterForeground() {
    Director::getInstance()->startAnimation();

    // if you use SimpleAudioEngine,it must resume here
    // SimpleAudioEngine::getInstance()->resumeBackgroundMusic();
}
 


认识源码大致的具体实现

这里所说的源代码为整个项目的源代码,在学习中应该多看看源代码的编写,有助于我们对项目的认识,不应因为源代码的庞大而放弃阅读源代码。Cocos2d的发展迅速,代码库也在不断扩展,利用好源代码对我们有极大的帮助。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


    本文实践自 RayWenderlich、Ali Hafizji 的文章《How To Create Dynamic Textures with CCRenderTexture in Cocos2D 2.X》,文中使用Cocos2D,我在这里使用Cocos2D-x 2.1.4进行学习和移植。在这篇文章,将会学习到如何创建实时纹理、如何用Gimp创建无缝拼接纹
Cocos-code-ide使用入门学习地点:杭州滨江邮箱:appdevzw@163.com微信公众号:HopToad 欢迎转载,转载标注出处:http://blog.csdn.netotbaron/article/details/424343991.  软件准备 下载地址:http://cn.cocos2d-x.org/download 2.  简介2.1         引用C
第一次開始用手游引擎挺激动!!!进入正题。下载资源1:从Cocos2D-x官网上下载,进入网页http://www.cocos2d-x.org/download,点击Cocos2d-x以下的Download  v3.0,保存到自定义的文件夹2:从python官网上下载。进入网页https://www.python.org/downloads/,我当前下载的是3.4.0(当前最新
    Cocos2d-x是一款强大的基于OpenGLES的跨平台游戏开发引擎,易学易用,支持多种智能移动平台。官网地址:http://cocos2d-x.org/当前版本:2.0    有很多的学习资料,在这里我只做为自己的笔记记录下来,错误之处还请指出。在VisualStudio2008平台的编译:1.下载当前稳
1.  来源 QuickV3sample项目中的2048样例游戏,以及最近《最强大脑》娱乐节目。将2048改造成一款挑战玩家对数字记忆的小游戏。邮箱:appdevzw@163.com微信公众号:HopToadAPK下载地址:http://download.csdn.net/detailotbaron/8446223源码下载地址:http://download.csdn.net/
   Cocos2d-x3.x已经支持使用CMake来进行构建了,这里尝试以QtCreatorIDE来进行CMake构建。Cocos2d-x3.X地址:https://github.com/cocos2d/cocos2d-x1.打开QtCreator,菜单栏→"打开文件或项目...",打开cocos2d-x目录下的CMakeLists.txt文件;2.弹出CMake向导,如下图所示:设置
 下载地址:链接:https://pan.baidu.com/s/1IkQsMU6NoERAAQLcCUMcXQ提取码:p1pb下载完成后,解压进入build目录使用vs2013打开工程设置平台工具集,打开设置界面设置: 点击开始编译等待编译结束编译成功在build文件下会出现一个新文件夹Debug.win32,里面就是编译
分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!http://www.captainbed.net前言上次用象棋演示了cocos2dx的基本用法,但是对cocos2dx并没有作深入的讨论,这次以超级马里奥的源代码为线索,我们一起来学习超级马里奥的实
1. 圆形音量button事实上作者的本意应该是叫做“电位计button”。可是我觉得它和我们的圆形音量button非常像,所以就这么叫它吧~先看效果:好了,不多解释,本篇到此为止。(旁白: 噗。就这样结束了?)啊才怪~我们来看看代码:[cpp] viewplaincopyprint?CCContro
原文链接:http://www.cnblogs.com/physwf/archive/2013/04/26/3043912.html为了进一步深入学习贯彻Cocos2d,我们将自己写一个场景类,但我们不会走的太远,凡是都要循序渐进,哪怕只前进一点点,那也至少是前进了,总比贪多嚼不烂一头雾水的好。在上一节中我们建
2019独角兽企业重金招聘Python工程师标准>>>cocos2d2.0之后加入了一种九宫格的实现,主要作用是用来拉伸图片,这样的好处在于保留图片四个角不变形的同时,对图片中间部分进行拉伸,来满足一些控件的自适应(PS: 比如包括按钮,对话框,最直观的形象就是ios里的短信气泡了),这就要求图
原文链接:http://www.cnblogs.com/linji/p/3599478.html1.环境和工具准备Win7VS2010/2012,至于2008v2版本之后似乎就不支持了。 2.安装pythonv.2.0版本之前是用vs模板创建工程的,到vs2.2之后就改用python创建了。到python官网下载版本2.7.5的,然后
环境:ubuntu14.04adt-bundle-linux-x86_64android-ndk-r9d-linux-x86_64cocos2d-x-3.0正式版apache-ant1.9.3python2.7(ubuntu自带)加入环境变量exportANDROID_SDK_ROOT=/home/yangming/adt-bundle-linux/sdkexportPATH=${PATH}:/$ANDROID_SDK_ROOTools/export
1开发背景游戏程序设计涉及了学科中的各个方面,鉴于目的在于学习与进步,本游戏《FlappyBird》采用了两个不同的开发方式来开发本款游戏,一类直接采用win32底层API来实现,另一类采用当前火热的cocos2d-x游戏引擎来开发本游戏。2需求分析2.1数据分析本项目要开发的是一款游
原文链接:http://www.cnblogs.com/linji/p/3599912.html//纯色色块控件(锚点默认左下角)CCLayerColor*ccc=CCLayerColor::create(ccc4(255,0,0,128),200,100);//渐变色块控件CCLayerGradient*ccc=CCLayerGradient::create(ccc4(255,0,0,
原文链接:http://www.cnblogs.com/linji/p/3599488.html//载入一张图片CCSprite*leftDoor=CCSprite::create("loading/door.png");leftDoor->setAnchorPoint(ccp(1,0.5));//设置锚点为右边中心点leftDoor->setPosition(ccp(240,160));/
为了答谢广大学员对智捷课堂以及关老师的支持,现购买51CTO学院关老师的Cocos2d-x课程之一可以送智捷课堂编写图书一本(专题可以送3本)。一、Cocos2d-x课程列表:1、Cocos2d-x入门与提高视频教程__Part22、Cocos2d-x数据持久化与网络通信__Part33、Cocos2d-x架构设计与性能优化内存优
Spawn让多个action同时执行。Spawn有多种不同的create方法,最终都调用了createWithTwoActions(FiniteTimeAction*action1,FiniteTimeAction*action2)方法。createWithTwoActions调用initWithTwoActions方法:对两个action变量初始化:_one=action1;_two=action2;如果两个a
需要环境:php,luajit.昨天在cygwin上安装php和luajit环境,这真特么是一个坑。建议不要用虚拟环境安装打包环境,否则可能会出现各种莫名问题。折腾了一下午,最终将环境转向linux。其中,luajit的安装脚本已经在quick-cocos2d-x-develop/bin/中,直接luajit_install.sh即可。我的lin
v3.0相对v2.2来说,最引人注意的。应该是对触摸层级的优化。和lambda回调函数的引入(嗯嗯,不枉我改了那么多类名。话说,每次cocos2dx大更新。总要改掉一堆类名函数名)。这些特性应该有不少人研究了,所以今天说点跟图片有关的东西。v3.0在载入图片方面也有了非常大改变,仅仅只是