7.【cocos2d-x 源码分析】:渲染部分的详细分析(中)

最新推荐文章于 2023-05-29 11:34:03 发布
最新推荐文章于 2023-05-29 11:34:03 发布
阅读量484 收藏 2
点赞数
分类专栏： cocos2d-x 源码分析
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25327609/article/details/90320253
版权
本文深入剖析cocos2d-x 3.3版本的渲染部分，从RenderCommand出发，详细讲解QuadCommand、PrimitiveCommand、CustomCommand、BatchCommand、TrianglesCommand及GroupCommand的实现，探讨OpenGL原理在其中的应用，并对Primitive和GLProgramState进行深入分析，揭示渲染流程的关键细节。
摘要由CSDN通过智能技术生成
对应源码位置：cocos2d-x-3.3\cocos\render*
从RenderCommand看起
class CC_DLL RenderCommand
{
   
public:
	//以下 主要 7种 
    enum class Type
    {
   
        UNKNOWN_COMMAND,//这一种 就是不知道是哪一种
        QUAD_COMMAND,
        CUSTOM_COMMAND,
        BATCH_COMMAND,
        GROUP_COMMAND,
        MESH_COMMAND,
        PRIMITIVE_COMMAND,
        TRIANGLES_COMMAND
    };
	
    /** Get Render Command Id */
    inline float getGlobalOrder() const {
    return _globalOrder; }

    /** Returns the Command type */
    inline Type getType() const {
    return _type; }
    //是否透明
    /** Retruns whether is transparent */
    inline bool isTransparent() const {
    return _isTransparent; }
    
    /** set transparent flag */
    inline void setTransparent(bool isTransparent) {
    _isTransparent = isTransparent; }

protected:
    RenderCommand();
    virtual ~RenderCommand();

    void printID();

    // Type used in order to avoid dynamic cast, faster
    //类型
    Type _type;

    // commands are sort by depth
    //按深度排序
    float _globalOrder;
    
    // transparent flag
    bool  _isTransparent;
};
QuadCommand类的实现

用来绘制一个或者多个矩形区域，简单来说 ，一个矩形区域就需要一个4个矩形顶点 一个纹理，以及一组纹理坐标。

class CC_DLL QuadCommand : public RenderCommand
{
   
public:
    
    QuadCommand();
    ~QuadCommand();
    
    /** Initializes the command with a globalZOrder, a texture ID, a `GLProgram`, a blending function, a pointer to quads,
     * quantity of quads, and the Model View transform to be used for the quads */
    void init(float globalOrder, GLuint texutreID, GLProgramState* shader, BlendFunc blendType, V3F_C4B_T2F_Quad* quads, ssize_t quadCount,
              const Mat4& mv);
    
    void useMaterial() const;
    
    inline uint32_t getMaterialID() const {
    return _materialID; }
    inline GLuint getTextureID() const {
    return _textureID; }
    inline V3F_C4B_T2F_Quad* getQuads() const {
    return _quads; }
    inline ssize_t getQuadCount() const {
    return _quadsCount; }
    inline GLProgramState* getGLProgramState() const {
    return _glProgramState; }
    inline BlendFunc getBlendType() const {
    return _blendType; }
    inline const Mat4& getModelView() const {
    return _mv; }
    
protected:
    void generateMaterialID();
    //就是  材质的id 就是根据id相同的渲染命令 把他合并成一个批次  这就是所谓的 自动批处理。
    uint32_t _materialID;
    GLuint _textureID;
    //程序状态
    GLProgramState* _glProgramState;
    //混合方式  就是alpha怎么占比的计算方式
    BlendFunc _blendType;
    //这个 结构体一点都不吓人
    //就是 顶点使用3个float 颜色 用4个字节 纹理坐标 用2个float
    V3F_C4B_T2F_Quad* _quads;
    ssize_t _quadsCount;
    Mat4 _mv;
};
//可以看到这个 MaterialID 使用的是 根据
// glProgram, (int)_textureID, (int)_blendType.src, (int)_blendType.dst
//生成 一个hash值 如果 这四个相同了 就可以合并成一个批次。合理
void QuadCommand::generateMaterialID()
{
   
    
    if(_glProgramState->getUniformCount() > 0)
    {
   
        _materialID = Renderer::MATERIAL_ID_DO_NOT_BATCH;
    }
    else
    {
   
        int glProgram = (int)_glProgramState->getGLProgram()->getProgram();
        int intArray[4] = {
    glProgram, (int)_textureID, (int)_blendType.src, (int)_blendType.dst};
        
        _materialID = XXH32((const void*)intArray, sizeof(intArray), 0);
    }
}
//这里就是我们熟悉的 openGL部分。
void QuadCommand::useMaterial() const
{
   
    //Set texture
    GL::bindTexture2D(_textureID);
    
    //set blend mode
    GL::blendFunc(_blendType.src, _blendType.dst);
    
    _glProgramState->apply(_mv);
}
PrimitiveCommand 类的实现
class CC_DLL PrimitiveCommand : public RenderCommand
{
   
public:
    PrimitiveCommand();
    ~PrimitiveCommand();
    
    void init(float globalOrder, GLuint textureID, GLProgramState* glProgramState, BlendFunc blendType, Primitive* primitive,const Mat4& mv);
    
    inline uint32_t getMaterialID() const {
    return _materialID; }
    inline GLuint getTextureID() const {
    return _textureID; }
    inline GLProgramState* getGLProgramState() const {
    return _glProgramState; }
    inline BlendFunc getBlendType() const {
    return _blendType; }
    inline const Mat4& getModelView() const {
    return _mv; }
    //另外实现执行
    void execute() const;
protected:
    //除了 图元本身 其他的都与前面大同小异
    uint32_t _materialID;
    GLuint _textureID;
    GLProgramState* _glProgramState;
    BlendFunc _blendType;
    Primitive* _primitive;
    Mat4 _mv;
};
void PrimitiveCommand::execute() const
{
   
    //Set texture
    GL::bindTexture2D(_textureID);
    
    //set blend mode
    GL::blendFunc(_blendType.src, _blendType.dst);
    
    _glProgramState->apply(_mv);
    //图元自身的绘制 后面详细说明
    _primitive->draw();
    CC_INCREMENT_GL_DRAWN_BATCHES_AND_VERTICES(1,_primitive->getCount());
}
CustomCommand类的实现

用户自定义的绘制命令 就写在这里

class CC_DLL CustomCommand : public RenderCommand
{
   
public:
    CustomCommand();
    ~CustomCommand();
    
public:
	//留一个属性 用于渲染命令的排序
    void init(float depth);

    void execute();

    inline bool isTranslucent() {
    return true; }
    std::function<void()> func;

protected:
};
//唯一一个重要函数
void CustomCommand::execute()
{
   
//其实就是 执行用户自定义的回调
    if(func)
    {
   
        func();
    }
}
BatchCommand类的实现

用于绘制 TextureAtlas

class CC_DLL BatchCommand : public RenderCommand
{
   
public:

    BatchCommand();
    ~BatchCommand();

    void init(float depth, GLProgram* shader, BlendFunc blendType, TextureAtlas *textureAtlas, const Mat4& modelViewTransform);

    void execute();

protected:
    //Material
    int32_t _materialID;
    GLuint _textureID;
    GLProgram* _shader;
    BlendFunc _blendType;

    TextureAtlas *_textureAtlas;

    // ModelView transform
    Mat4 _mv;
};
//唯一一个重要的函数
void BatchCommand::execute()
{
   
    // Set material
    _shader->use();
    _shader->setUniformsForBuiltins(_mv);
    GL::bindTexture2D(_textureID);
    GL::blendFunc(_blendType.src, _blendType.dst);
	//核心在于 _textureAtlas的绘制方式 后面具体分析
    // Draw
    _textureAtlas->drawQuads();
}
TrianglesCommand类的实现
class CC_DLL TrianglesCommand : public RenderCommand
{
   
public:
	//这里 就是 我们熟悉的 定义一系列三角形要的数据
    struct Triangles
    {
   
    	//多个顶点  后传到VBO
        V3F_C4B_T2F* verts;
        //定义 索引数据 后传到 EBO或者叫IBO
        unsigned short* indices;
        ssize_t vertCount;
        ssize_t indexCount;
    };
    
    TrianglesCommand();
    ~TrianglesCommand();
    
    /** Initializes the command with a globalZOrder, a texture ID, a `GLProgram`, a blending function, a pointer to triangles,
     * quantity of quads, and the Model View transform to be used for the quads */
    void init(float globalOrder, GLuint textureID, GLProgramState* glProgramState, BlendFunc blendType, const Triangles& triangles,const Mat4& mv);
    
    void useMaterial() const;
    
    inline uint32_t getMaterialID() const {
    return _materialID; }
    inline GLuint getTextureID() const {
    return _textureID; }
    inline const Triangles& getTriangles() const {
    return _triangles; }
    inline ssize_t getVertexCount() const {
    return _triangles.vertCount; }
    inline ssize_t getIndexCount() const {
    return _triangles.indexCount; }
    inline const V3F_C4B_T2F* getVertices() const {
    return _triangles.verts; }
    inline const unsigned short* getIndices() const {
    return _triangles.indices; }
    inline GLProgramState* getGLProgramState() const {<
最低0.47元/天 解锁文章
genius-x
关注
专栏目录
9.【cocos2d-x 源码分析】:Texture的详细分析
会飞的徐公明
05-22 1310
对应源码位置：cocos2d-x-3.3\cocos\render\CCTexture* 从Sprite谈起 Sprite其实内部必然包含一个纹理图片，但我们写代码时候用到的是传入一个图片路径，从下面看： //直接 传入Texture2D 对象 Sprite* Sprite::createWithTexture(Texture2D *texture) { Sprite *sprite = ...
拆分Cocos2dx渲染部分代码
weixin_30877227的博客
01-19 108
纹理实现 思想 这个是Cocos2dx的渲染部分的最基本的实现，被我拆分到mac上，但是并不是用的EGLContext，而是搭配glfw，还有soil第三方图形库。 实现 // // main.cpp // Moni // // Created by staff on 17/1/10. // Copyright © 2017年 staff. All rights reserved. // ...
cocos2dx的渲染流程(源码走读)
寒风的技术博客
09-07 1521
注意： 为了流程更加清晰，以下代码片段都是删除了其他无关的代码，只保留了与流程相关的函数调用。 1 main 中调用 run：int main() { AppDelegate app; return Application::getInstance()->run(); }2 Application 中调用 mainLoop ：int Application::run(){
在 .NET 6 Preview 3 ASP.NET Core 更新
dotNET跨平台
04-12 777
.NET 6 Preview 3现在可用了，其中包括对ASP.NET Core的许多重大改进。这是此预览版本中的新增功能：更小的SignalR，Blazor Server和MessageP...
.net core 热更新（一）代码热更新
最新发布
mmc0531的博客
05-29 1245
.net core 热更新
cocos2d3.2 渲染优化机制
keep_moving_cqu的专栏
07-27 2858
好久没写BLOG了，也是这一年都在项目上混，没什么时间去学习其他的东西，刚好最近闲下来了，就开始研究cocos2d了。最近学习了下它的渲染模式，和大家分享一下，其实具体的流程网上教程一抓一大把，我只是用几个例子来分析一下。 例子一: for(int i=0;i<100;i++){ Sprite* sprite1 = Sprite::create("CloseNormal.png");
Cocos2d-X游戏源码大合集.rar
10-04
这个&ldquo;Cocos2d-X游戏源码大合集.rar&rdquo;文件显然包含了大约三十个使用Cocos2d-X开发的游戏实例源代码，对于学习和理解Cocos2d-X游戏开发的原理、技巧以及实践应用具有极大的价值。 1. **Cocos2d-X基础**： Cocos2d-X...
Cocos2d-x 3.x游戏开发实战源码
02-20
2. **初始化和生命周期**：了解如何在Cocos2d-x中启动游戏，以及游戏对象的生命周期管理。 3. **场景和层的管理**：学习如何创建和切换场景（Scene），以及如何在场景中添加和管理层（Layer）。 4. **精灵和动画**...
cocos2d-js-demos:我的cocos2d-js演示
05-19
Cocos2d-js 是基于 Cocos2d-x 与 JavaScript 的融合，它提供了丰富的图形渲染、动画、物理模拟、碰撞检测、粒子系统等功能。框架的核心特性包括： 1. **跨平台**：使用同一套代码，可以构建 Web、Android 和 iOS 的...
Cocos2d-X游戏源码 走出迷宫源码_cocos2d-x版.7z
08-31
9. **性能优化**：在Cocos2d-X中，使用BatchNode可以合并多个相似的精灵，减少渲染次数，提高性能。此外，理解内存管理和垃圾回收也是优化游戏性能的关键。 10. **发布与打包**：完成游戏开发后，需要将项目打包为...
Cocos2d-x滚动列表详解(CCScrollView的使用)
在楚重飞的专栏
05-14 3639
今天要写一个滚动列表功能,类似下面这样。（图片资源都是自己从天天酷跑里面抠的,仅用于学习方便） 首先,这样一个列表就和iOS里面的UITableView没什么两样,当然,Android中肯定也存在类似的控件。 在cocos2d-x引擎中参照ios中的UITableView实现了一个叫做CCTableView的类，用于创建列表，对于熟悉ios程序设计的人来说，这个内容应该是很好理
cocos2d-js 游戏源码
厚积薄发，持之以恒
04-08 7109
四款不同类型的游戏 完整的项目 https://github.com/QQ951127336/Game_byJavaScript 10秒内吃萝卜 /** * Created by 95112 on 2018/4/1. */ var rabbit = null; var size = null; var xStep = null; var yStep = null; va...
[cocos2d-x] 《我所理解的Cocos2d-x》上机实验2-动态设置着色器参数
FiveKM的博客
04-10 337
第四章 8.2.2动态设置着色器参数 这个例子看得时候很流畅，本以为会很容易调通。结果发现参数总是传不进去，卡了很久。最后请教了一位很有经验的同事，才找到问题所在。还是看实际代码介绍吧。 顶点着色器： dynamic_shader.vert attribute vec4 a_position; attribute vec4 a_color; uniform vec3 u_cente...
cocos2d-js中Hello World代码分析
datouniao1的博客
02-26 834
上面我们介绍了cocos2d-js这个引擎的一些环境的配置之类的，我们在上面的文章中也介绍了，这个地方我们主要来接介绍一下cocos2d-js项目，在我们打开的时候Hello World这个界面的一些知识，当然我认为是知识。首先我们来看看我们项目的目录: 其实在这个目录中我们的关注点，可以放在main.js,src,project.json,config.json这几个文件上，要知道这个几个
Cocos2dx--使用Shader
疯狂的程序员
06-23 7046
Cocos2dx的Shader架构 Cocos2dx的Shader由GLProgram、GLProgramState、GLProgramCache、GLProgramStateCache组成。 GLProgram是Cocos2dx对Program的封装，一般提供一些静态方法，被多个节点复用。而GLProgramState是对GLProgram的封装，提供更加便捷的操作接口，内部记录了Unifo...
cocos2dx自动批绘制的条件
copymaster
10-11 313
title: cocos2dx自动批绘制的条件 comments: true date: 2019-01-07 18:56:49 tags: cocos2dx categories: cocos2dx 为什么必须要相同纹理、相同混合函数、相同shader？ 要满足Auto-batching，就必须有这三个条件，这是为什么呢？ 我们回到之前的代码，在调用节点的draw函数时，调用了QuadC...
图形渲染及优化—Unity合批技术实践
linuxheik的专栏
10-18 1893
在前面的文章中我介绍了Batch对于渲染效率的影响，这次来说说在Unity开发过程中常用的几种合批技术。   Resource Merging 我们可以在美术资源生产的过程中做很多渲染批次方面的优化。通常我们可以将一些使用相同材质的物体模型合并成一个模型，在游戏渲染的时候一次提交给渲染API进行绘制，降低了Draw call的数量。但是这样带来了一个问题，所有合并的模型必须一次全部绘制。哪怕...
细说Cocos2d-JS——从项目构造说起
秋梦尘的博客
08-15 8803
“Hello World”——多么熟悉的问候语。对于Cocos2d-JS来说，简单几步，就可以创建一个可以运行项目，跑起你对世界的问候“Hello World”。然而，对于大多数“新手”甚至是一部分“老手”来说，新建的一个项目，可能对各个目录或文件有个大概的了解，但，如果要深入每个文件来细致解释的话，可能就不行了，更不用说深入每一行代码了。我们今天，就来解决这个问题。
cocos creator 中使用自定义shader
一入編程深似海!
07-17 3625
为了减少游戏资源，游戏中免不了会使用一些shader，下面是一个将图片变灰shader，以此来看看如何在cocos creator中使用和管理shader。 shader文件管理 在assets中新建一个文件夹resources，然后在resources中新建一个Shader文件夹。将所shader文件放在Shader文件夹中。 现在在Shader文件夹中新建两个文件gray.vert.js...
Cocos2d-X源码分析：从HelloWorld开始
&quot;Cocos2d-X深入分析pdf(红孩儿)由红孩儿撰写，详述了Cocos2d-x游戏引擎的源码分析，特别是从'HelloWorld'程序入手。&quot; Cocos2d-x是一个跨平台的2D游戏开发框架，广泛应用于iOS、Android和Windows等操作系统。该资源...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值