【新手必看】cocos2d-x 如何创建第一个hello World工程以及游戏窗口运行机制与生命周期讲解【详细多图】

最新推荐文章于 2021-12-11 20:05:54 发布

smy..

最新推荐文章于 2021-12-11 20:05:54 发布

阅读量771

点赞数 2

分类专栏： cocos2d-x 文章标签：【新手必看】cocos2d-x 如何创建第一个hello World工

本文链接：https://blog.csdn.net/weixin_42837024/article/details/102859163

版权

cocos2d-x 专栏收录该内容

9 篇文章 1 订阅

订阅专栏

前言：

上一篇文章说了cocos2d-x 和 cocosStudio 在win10的搭建

本篇来说一下工程创建以及怎么运行起来的以及运行的生命周期

创建工程

要创建一个开发者账号

打开以后主界面是这样的
在这里插入图片描述
然后选择菜单栏的文件新建项目

这就创建好了
咱们先预览一下

工程介绍

找到本地的工程项目文件夹看一下都有什么

在这里插入图片描述

classes 下面就是咱们的c++文件咱们先不看

cocosstudio 是cocosstudio 的文件有背景的图片和场景的文件
在这里插入图片描述

打开MainScene.csd 看了一下就是个配置文件
在这里插入图片描述
记录了一些参数就是这个东西

下面的 android 和 mac 咱们不看那是其它平台的
在这里插入图片描述

这个 proj.win32 也就是咱们的vs项目一会仔细说

Resources 资源文件一些贴图啊音频啊乱七八糟的都放到这里
在这里插入图片描述

如果我们改了界面要更新本地的c++ 代码
在这里插入图片描述

发布为 vs 工程就ok了再次打开的vs工程就是有新的改动了
不用担心我们之前的vs里写的代码不会给你变我都踩过坑了

下面我们开始看代码
这才是最重要的因为我的cocosStudio 也不太会用

代码

这个cocosStudio 生成的项目 windows SDK 和我电脑的不匹配改一下就行
在这里插入图片描述
看一下代码文件

AppDelegate.h
AppDelegate.cpp
HelloWorldScene.h
HelloWorldScene.cpp
main.h
main.cpp

函数入口程序的启动

先从main 函数开始看吧

在这里插入图片描述

创建一个应用程序实例
对象是 AppDelegate 进去看一下

在这里插入图片描述
继承了cocos2d 的applicaion
一个默认构造析构都是空的不看了

虚函数 virtual void initGLContextAttrs();
在这里插入图片描述
我们上节说过了 cocos2d-x的底层是c++和openglES 实现的
这个函数是设置一下opengl 的r g b a 深度模板等属性
不用管

下面的三个函数也就是我们说的程序的生命周期

生命周期

比如你正在打手机游戏那么突然来电话了你的游戏会进入后台
当你打完电话在把游戏切过来发现已经打死了

咱们把这3个函数打一下log 看一下什么时间触发

加上头文件

#include “cocos2d.h”
#include “ui/CocosGUI.h”
#include “cocostudio/CocoStudio.h”

cocos 有提供的log宏大小写别打错了打错了会保错是宏定义

在这里插入图片描述
给每个函数都打上log 咱们看输出

在这里插入图片描述

我录制了个gif 可以清晰的看到

applicationDidFinishLaunching
是程序一打开以后会进入的

applicationDidEnterBackground
我们最小化放到后台时的会调用

applicationWillEnterForeground
从最小化切换回来会调用的

ok 咱们细细看一下这几个函数

applicationDidFinishLaunching

在这里插入图片描述
最上面是初始化了一个导演类
然后获取这个导演类的opengl 的视图

// initialize director
    auto director = Director::getInstance();
    auto glview = director->getOpenGLView();

如果没有那么就创建一个视图 960*640 的标题为 csdnHelloWord 的窗口大家可以改动

auto glview = director->getOpenGLView();
    if(!glview) {
        glview = GLViewImpl::createWithRect("csdnHelloWord", Rect(0, 0, 960, 640));
        director->setOpenGLView(glview);
    }

下面设置了分辨率的大小和显示模式

director->getOpenGLView()->setDesignResolutionSize(960, 640, ResolutionPolicy::SHOW_ALL);

要不要显示左下角的 FPS
设置FPS的帧率也就是一秒多少张图片默认是1秒60帧人眼看这个帧率是最舒服的

    // turn on display FPS
    director->setDisplayStats(true);

    // set FPS. the default value is 1.0/60 if you don't call this
    director->setAnimationInterval(1.0 / 60);