cocosCreator2.3.x渲染流程深入剖析笔记（三）

最新推荐文章于 2022-12-07 20:49:08 发布

甜甜最好

最新推荐文章于 2022-12-07 20:49:08 发布

阅读量1.1k

点赞数 1

文章标签：游戏开发

本文链接：https://blog.csdn.net/weixin_43952667/article/details/105605419

版权

本文深入剖析cocosCreator2.3.x的渲染流程，特别是渲染批次合并中的顶点处理。通过modelBatcher，研究如何检查渲染节点合并，以及填充模型批次缓冲。详细探讨了VertexBuffer、IndexBuffer、VertexFormat等概念，揭示了2D渲染中相邻节点批次合并的实现原理。

摘要由CSDN通过智能技术生成

渲染批次合并之顶点

在这里插入图片描述
根据前面说过的render-flow流程接下来就是重头戏了render流程，其中包括了，检查两个渲染节点是否可以合并，同时把renderData的数据填充到modelBatch里的buffer中去。

所有需要渲染的节点都有一个rednerComponent（engine/cocos2d/core/cpmponents/CCRenderComponent.js），那就从这里入手。第一个参数其实就是modelBatcher。第二个参数cullingMask是跟camera相关的，后续再看。
先看modelBatcher（engine/cocos2d/core/renderer/webgl/model-batcher.js）的结构。

modelBatcher

在这里插入图片描述
我们可以看到它创建了4个类型的Buffer，并且持有了一个renderScene，renderScene以后再说。先看这个Buffer，对于2d渲染来说我们用到的也就是其中的_mesh-buffer,其他的基本也是相同的写法，只要搞懂一个，其他的也就都一样。先看看meshBuffer（engine/cocos2d/core/renderer/webgl/mesh-buffer.js）。