转自：http://cn.cocos2d-x.org/tutorial/show?id=1783
Cocos2d-x底层图形绘制是使用OpenGL ES协议的。OpenGL ES是什么呢?
OpenGL ES(OpenGl for Embedded System)是OpenGL三维图形API的子集，针对手机、Pad和游戏主机等嵌入式设备而设计。该API由Khronos集团定义推广，Khronos是一个图形软硬件行业协会，该协会主要关注图形和多媒体方面的开放标准。OpenGL ES是OpenGL三维图形API的子集，针对手机、Pad和游戏主机等嵌入式设备而设计。Cocos2d-x底层图形渲染使用OpenGL ES2.x新特性可编程着色器(Shader)，本文就详细介绍shader的使用流程以及shader程序的保存方式等
OpenGL ES是从OpenGL剪裁或定制过来了，去除了glBegin/glEnd,四边形(GL_QUADS)，多边形(GL_POLYGON)等复杂图元等许多非必要的特性。经过多年发展，现在主要有两个版本,OpenGLES1.x针对固定管线硬件，OpenGL ES2.x针对可编程管线硬件。OpenGL ES1.0是以OpenGL1.3规范为基础的，OpenGL ES1.1是以OpenGL1.5为基础的，他们分别又支持common和commonlite两种profile。OpenGL ES2.0是参照OpenGL2.0规范定义的。
从Cocos2d-x 2.x版本开始，Cocos2d-x底层图形渲染使用OpenGL ES2.x新特性可编程着色器(Shader)，下面首先介绍Shader的使用流程：
xxxxx… //Shader程序
1、创建着色器对象：glCreateShader
2、着色器对象关联着色器代码：glShaderSource
3、把着色器源代码编译成目标代码：glCompileShader
4、验证着色器是否已经变异通过：glGetShaderiv、glGetShaderInfoLog
5、创建一个着色器程序：glCreatePragram
6、把着色器链接到着色器程序中：glAttachShader
7、链接着色器程序：glLinkProgram
8、验证着色器程序是否链接成功：glGetProgramiv、glGetProgramInfoLog
9、使用着色器程序进行定点或片段处理：glUseProgram
在Cocos2d-x引擎中GLProgramCache类扮演着一个重要的角色，初始化并且保存Shader程序；并且为需要渲染的元素提供需要的Shader程序：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
|
classCC_DLL GLProgramCache :
public
Ref
{
public
:
/**
* @构造函数
*/
GLProgramCache();
/**
* @析构函数
*/
~GLProgramCache();
/** 单例方法 */
static
GLProgramCache* getInstance();
/**清除单例*/
static
void
destroyInstance();
/**加载Shader程序*/
void
loadDefaultGLPrograms();
CC_DEPRECATED_ATTRIBUTE
void
loadDefaultShaders(){ loadDefaultGLPrograms(); }
/**重新加载Shader程序 */
void
reloadDefaultGLPrograms();
CC_DEPRECATED_ATTRIBUTE
void
reloadDefaultShaders(){ reloadDefaultGLPrograms(); }
/** 使用Key获取Shader程序
*/
GLProgram * getGLProgram(
const
std::string &key);
CC_DEPRECATED_ATTRIBUTE GLProgram * getProgram(conststd::string &key) {
return
getGLProgram(key); }
CC_DEPRECATED_ATTRIBUTE GLProgram * programForKey(conststd::string &key){
return
getGLProgram(key); }
/** 将Shader程序加入GLProgramCache单例中 */
void
addGLProgram(GLProgram* program, conststd::string &key);
CC_DEPRECATED_ATTRIBUTE
void
addProgram(GLProgram*program,
const
std::string &key) { addGLProgram(program, key); }
private
:
bool
init();
void
loadDefaultGLProgram(GLProgram *program,
int
type);
//使用字典programs保存所有的Shader程序
std::unordered_map<std::string, GLProgram*>_programs;
};
|
下面为单例方法getInstance：
|
1
2
3
4
5
6
7
8
9
10
11
12
|
staticGLProgramCache *_sharedGLProgramCache = 0;
GLProgramCache*GLProgramCache::getInstance()
{
if
(!_sharedGLProgramCache) {
_sharedGLProgramCache =
new
GLProgramCache();
if
(!_sharedGLProgramCache->init())
{
CC_SAFE_DELETE(_sharedGLProgramCache);
}
}
return
_sharedGLProgramCache;
}
|
1、 第一次调用GLProgramCache::getInstance()方法时会new一个GLProgramCache实例方法
2、 初始化GLProgramCache实例方法
3、 方法单例_sharedGLProgramCache
下面为GLProgramCache的init方法：
|
1
2
3
4
5
6
7
8
9
10
11
|
boolGLProgramCache::init()
{
loadDefaultGLPrograms();
return
true
;
}
voidGLProgramCache::loadDefaultGLPrograms()
{
GLProgram *p =
new
GLProgram();
loadDefaultGLProgram(p, kShaderType_PositionTextureColor);_programs.insert( std::make_pair( GLProgram::SHADER_NAME_POSITION_TEXTURE_COLOR,p ) );
……
}
|
1、在GLProgramCache::init中会调用加载Shader方法loadDefaultGLPrograms
2、在loadDefaultGLPrograms方法中首先会创建一个GLProgram对象
3、将对应名称的Shader加载到GLProgram对象中
4、将GLProgram对象插入到字典_programs中
在loadDefaultGLProgram方法中：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
voidGLProgramCache::loadDefaultGLProgram(GLProgram *p,
int
type)
{
switch
(type) {
case
kShaderType_PositionTextureColor:
p->initWithByteArrays(ccPositionTextureColor_vert,ccPositionTextureColor_frag);
break
;
………
default
:
CCLOG(
"cocos2d: %s:%d, errorshader type"
, __FUNCTION__, __LINE__);
return
;
}
p->link();
p->updateUniforms();
CHECK_GL_ERROR_DEBUG();
}
|
1、 根据GLProgram类型使用对应的shader程序初始化GLProgram；在initWithByteArrays中，会将上述Shader使用流程中1-6不走执行
2、 链接Program
3、 获取该Program中的一些Uniform变量，工后续使用
下面看一下Cocos2d-x中Shader程序的保存方式
在cocos2d\cocos\renderer\ccShaders.cpp中:
|
1
2
3
|
#include"ccShader_Position_uColor.frag"
#include"ccShader_Position_uColor.vert"
……
|
ccShader_Position_uColor.vert文件：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
constchar* ccPosition_uColor_vert = STRINGIFY(
attributevec4 a_position;
uniformvec4 u_color;
uniformfloat u_pointSize;
\n#ifdefGL_ES\n
varyinglowp vec4 v_fragmentColor;
\n#
else
\n
varyingvec4 v_fragmentColor;
\n#endif\n
voidmain()
{
gl_Position = CC_MVPMatrix * a_position;
gl_PointSize = u_pointSize;
v_fragmentColor = u_color;
}
);
|
这里定义了ccPosition_uColor_vert变量，该顶点着色器的功能室使用矩阵计算OpenGL中顶点的位置；
ccShader_Position_uColor.frag文件：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
constchar* ccPosition_uColor_frag = STRINGIFY(
\n#ifdefGL_ES\n
precisionlowp
float
;
\n#endif\n
varyingvec4 v_fragmentColor;
voidmain()
{
gl_FragColor = v_fragmentColor;
}
);
|
这里定义了ccPosition_uColor_frag变量，该片段Shader的功能就是设置顶点的颜色；
上面两段Shader程序会字符串的形式传入initWithByteArrays方法中，下面为initWithByteArrays方法：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
|
boolGLProgram::initWithByteArrays(
const
GLchar* vShaderByteArray,
const
GLchar* fShaderByteArray)
{
……
//Windows平台单独设定
_program = glCreateProgram();
CHECK_GL_ERROR_DEBUG();
_vertShader = _fragShader = 0;
if
(vShaderByteArray)
{
if
(!compileShader(&_vertShader, GL_VERTEX_SHADER,vShaderByteArray))
{
CCLOG(
"cocos2d: ERROR: Failedto compile vertex shader"
);
return
false
;
}
}
// Create and compile fragment shader
if
(fShaderByteArray)
{
if
(!compileShader(&_fragShader, GL_FRAGMENT_SHADER,fShaderByteArray))
{
CCLOG(
"cocos2d: ERROR: Failedto compile fragment shader"
);
return
false
;
}
}
if
(_vertShader)
{
glAttachShader(_program, _vertShader);
}
CHECK_GL_ERROR_DEBUG();
if
(_fragShader)
{
glAttachShader(_program, _fragShader);
}
_hashForUniforms = nullptr;
CHECK_GL_ERROR_DEBUG();
……
//Windows平台单独设定
return
true
;
}
|
1、如果顶点Shader不为空，编译顶点Shader
2、如果片段Shader不为空，编译片段Shader
3、将program和顶点Shader绑定
4、将program和片段Shader绑定
在compileShader方法中：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
|
boolGLProgram::compileShader(GLuint * shader, GLenum type,
const
GLchar* source)
{
GLint status;
if
(!source)
return
false
;
const
GLchar *sources[] = {
……
//特殊平台需要的Uniform变量
"uniform mat4 CC_PMatrix;\n"
"uniform mat4 CC_MVMatrix;\n"
"uniform mat4CC_MVPMatrix;\n"
"uniform vec4 CC_Time;\n"
"uniform vec4 CC_SinTime;\n"
"uniform vec4 CC_CosTime;\n"
"uniform vec4 CC_Random01;\n"
"uniform sampler2DCC_Texture0;\n"
"uniform sampler2DCC_Texture1;\n"
"uniform sampler2DCC_Texture2;\n"
"uniform sampler2DCC_Texture3;\n"
"//CC INCLUDES END\n\n"
,
source,
};
*shader = glCreateShader(type);
glShaderSource(*shader,
sizeof
(sources)/
sizeof
(*sources),sources, nullptr);
glCompileShader(*shader);
glGetShaderiv(*shader, GL_COMPILE_STATUS, &status);
if
(! status) {
GLsizei length;
glGetShaderiv(*shader, GL_SHADER_SOURCE_LENGTH,&length);
GLchar* src = (GLchar *)
malloc
(
sizeof
(GLchar)* length);
glGetShaderSource(*shader, length, nullptr,src);
CCLOG(
"cocos2d: ERROR: Failed tocompile shader:\n%s"
, src);
if
(type == GL_VERTEX_SHADER)
CCLOG(
"cocos2d: %s"
, getVertexShaderLog().c_str());
else
CCLOG(
"cocos2d: %s"
, getFragmentShaderLog().c_str());
free
(src);
return
false
;;
}
return
(status == GL_TRUE);
}
|
1、在Shader程序字符串之前加入Shader执行时可能需要的Uniform变量，形成新的字符串
2、执行上述Shader使用流程中步骤1-3
3、验证该Shader有没有编译成功
此时Cocos2d-x中需要使用到的Shader程序都已经准备好了，如何使用后面会继续讲述；对OpenGL Shader（GLSL）不是很了解的同学可以查询一下这方面的资料。
来源网址：http://blog.csdn.net/xinchuantao/article/details/40108753
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
