着色器基础应用的两个例子

1. 着色器ADS光照,Phong着色,纹理的使用,Disssovle丢弃片段的例子

1. 客户端代码
GLFrame             viewFrame;
GLFrustum           viewFrustum;
GLTriangleBatch     sphereBatch;
GLMatrixStack       modelViewMatrix;
GLMatrixStack       projectionMatrix;
GLGeometryTransform transformPipeline;
GLShaderManager     shaderManager;

GLuint    ADSLightShader;        
GLint    locAmbient;            
GLint   locDiffuse;            
GLint   locSpecular;       
GLint    locLight;            
GLint    locMVP;              
GLint    locMV;                
GLint    locNM;               
GLint    locTexture;
GLuint   locDissolve;
GLuint   texture;

bool LoadTGATexture(const char *szFileName, GLenum minFilter, GLenum magFilter, GLenum wrapMode) {
    GLbyte *pBits;
    int nWidth, nHeight, nComponents;
    GLenum eFormat;
    //读取图片像素
    pBits = gltReadTGABits(szFileName, &nWidth, &nHeight, &nComponents, &eFormat);
    if(pBits == NULL)
    return false;
    //设置纹理环绕模式
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, wrapMode);
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, wrapMode);
    //设置纹理过滤模式
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, minFilter);
    glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, magFilter);
    //像素以非包装,每一个字节的方式进行存储
    glPixelStorei(GL_UNPACK_ALIGNMENT, 1);
    //加载纹理
    glTexImage2D(GL_TEXTURE_2D, 0, nComponents, nWidth, nHeight, 0,
                 eFormat, GL_UNSIGNED_BYTE, pBits);
    //释放像素
    free(pBits);

    if(minFilter == GL_LINEAR_MIPMAP_LINEAR ||
       minFilter == GL_LINEAR_MIPMAP_NEAREST ||
       minFilter == GL_NEAREST_MIPMAP_LINEAR ||
       minFilter == GL_NEAREST_MIPMAP_NEAREST)
    //预加载纹理Mip贴图层,防止向前后移动几何体时上面的贴图加载过大,而出现性能消耗或者失真
    glGenerateMipmap(GL_TEXTURE_2D);

    return true;
}

void SetupRC(void){
    //设置背景颜色
    glClearColor(0.0, 0.0, 0.0, 1.0);
    //开启深度测试
    glEnable(GL_DEPTH_TEST);
    //剔除看不见的面,提高性能
    glEnable(GL_CULL_FACE);
    //初始化存储着色器
    shaderManager.InitializeStockShaders();
    //将角色帧向前移动
    viewFrame.MoveForward(4.0);
    //设置一个球体
    gltMakeSphere(sphereBatch, 1.0, 26, 13);
    //构建一个着色器
    ADSLightShader = gltLoadShaderPairWithAttributes("ADSTexture.vp", "ADSTexture.fp", 3, GLT_ATTRIBUTE_VERTEX, "vVtertex", GLT_ATTRIBUTE_NORMAL, "vNormal", GLT_ATTRIBUTE_TEXTURE0, "vTexture0");
    //定位统一值得到统一值管理对象
    locAmbient = glGetUniformLocation(ADSLightShader, "ambientColor");
    locDiffuse = glGetUniformLocation(ADSLightShader, "diffuseColor");
    locSpecular = glGetUniformLocation(ADSLightShader, "specularColor");
    locLight = glGetUniformLocation(ADSLightShader, "vLightPosition");
    locMVP = glGetUniformLocation(ADSLightShader, "mvpMatrix");
    locMV  = glGetUniformLocation(ADSLightShader, "mvMatrix");
    locNM  = glGetUniformLocation(ADSLightShader, "normalMatrix");
    locTexture = glGetUniformLocation(ADSLightShader, "colorMap");
    locDissolve = glGetUniformLocation(ADSLightShader, "dissolveFactor");
    //设置纹理对象
    glGenTextures(1, &texture);
    //绑定纹理
    glBindTexture(GL_TEXTURE_2D, texture);
    //载入并设置纹理
    LoadTGATexture("CoolTexture.tga", GL_LINEAR_MIPMAP_LINEAR, GL_LINEAR, GL_CLAMP_TO_EDGE);
}

void ShutdownRC(void){
    //删除纹理对象
    glDeleteTextures(1, &texture);
}

void RenderScene(void){
    
    static CStopWatch rotTimer;

    //清除颜色缓冲区和深度缓冲区数据
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
    //将角色帧对应的几何体和顶部的模型视图堆栈矩阵相乘放入模型视图堆栈的顶部
    modelViewMatrix.PushMatrix(viewFrame);
    //将堆栈中的角色帧旋转
    modelViewMatrix.Rotate(rotTimer.GetElapsedSeconds() * 10.0f, 0.0f, 1.0f, 0.0f);
    //设置光线位置
    GLfloat vEyeLight[] = { -100.0f, 100.0f, 100.0f };
    //设置环境光颜色
    GLfloat vAmbientColor[] = { 0.2f, 0.2f, 0.2f, 1.0f };
    //设置漫射光颜色
    GLfloat vDiffuseColor[] = { 1.0f, 1.0f, 1.0f, 1.0f};
    //设置反射光颜色
    GLfloat vSpecularColor[] = { 1.0f, 1.0f, 1.0f, 1.0f };
    //使用着色器程序
    glUseProgram(ADSLightShader);
    //设置环境光初始值
    glUniform4fv(locAmbient, 1, vAmbientColor);
    //设置漫射光初始值
    glUniform4fv(locDiffuse, 1, vDiffuseColor);
    //设置折射光初始值
    glUniform4fv(locSpecular, 1, vSpecularColor);
    //设置光源位置
    glUniform3fv(locLight, 1, vEyeLight);
    //设置模型视图投影矩阵
    glUniformMatrix4fv(locMVP, 1, GL_FALSE, transformPipeline.GetModelViewProjectionMatrix());
    //设置模型视图矩阵
    glUniformMatrix4fv(locMV, 1, GL_FALSE, transformPipeline.GetModelViewMatrix());
    //设置世界坐标系的几何表面法向矩阵
    glUniformMatrix3fv(locNM, 1, GL_FALSE, transformPipeline.GetNormalMatrix());
    //得到绑定的纹理对象
    glBindTexture(GL_TEXTURE_2D, texture);
    //设置纹理使用的Mip纹理贴图为基层
    glUniform1i(locTexture, 0);
    float fFactor = fmod(rotTimer.GetElapsedSeconds(), 20.0f);
    fFactor /= 20.0f;
    glUniform1f(locDissolve, fFactor);
    // 绘制
    sphereBatch.Draw();
    // 角色帧出栈
    modelViewMatrix.PopMatrix();
    //双缓冲区交换数据
    glutSwapBuffers();
    //窗口刷新显示
    glutPostRedisplay();
}

void ChangeSize(int w, int h){
    if (h == 0){
        h = 1;
    }
    //设置视口大小
    glViewport(0, 0, w, h);
    //设置投影锥体
    viewFrustum.SetPerspective(35.0, float(w)/float(h), 1.0, 100.0);
    //载入投影矩阵到投影堆栈
    projectionMatrix.LoadMatrix(viewFrustum.GetProjectionMatrix());
    //设置管线管理模型视图矩阵堆栈和投影矩阵堆栈
    transformPipeline.SetMatrixStacks(modelViewMatrix, projectionMatrix);

}

int main(int argc, char* argv[])
{
    gltSetWorkingDirectory(argv[0]);
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGBA | GLUT_DEPTH | GLUT_STENCIL);
    glutInitWindowSize(800, 600);
    glutCreateWindow("Lit Texture");
    glutReshapeFunc(ChangeSize);
    glutDisplayFunc(RenderScene);
    GLenum err = glewInit();
    if (GLEW_OK != err) {
        fprintf(stderr, "GLEW Error: %s\n", glewGetErrorString(err));
        return 1;
    }
    SetupRC();
    glutMainLoop();
    ShutdownRC();
    return 0;
}
2. 着色器代码
//顶点着色器
//设置着色器版本
#version 120
//顶点着色器属性
attribute vec4 vVertex;
attribute vec3 vNormal;
attribute vec4 vTexture0;
//统一值
uniform mat4   mvpMatrix;
uniform mat4   mvMatrix;
uniform mat3   normalMatrix;
uniform vec3   vLightPosition;
//下一阶段输出值
varying vec3 vVaryingNormal;
varying vec3 vVaryingLightDir;
varying vec2 vTexCoords;

void main(void) {
    //得到视觉坐标系下的法向量
    vVaryingNormal = normalMatrix * vNormal;
    //得到视觉坐标系下的顶点
    vec4 vPosition4 = mvMatrix * vVertex;
    vec3 vPosition3 = vPosition4.xyz / vPosition4.w;
    //得到单位光源向量
    vVaryingLightDir = normalize(vLightPosition - vPosition3);
    //设置纹理坐标,纹理坐标会映射纹理单元的地址
    vTexCoords = vTexture0.st;
    // 对顶点进行模型视图投影变换计算
    gl_Position = mvpMatrix * vVertex;
}
//片段着色器
//设置着色器版本号
#version 120
//统一值
uniform vec4      ambientColor;
uniform vec4      diffuseColor;   
uniform vec4      specularColor;
uniform sampler2D colorMap;
uniform float     dissolveFactor;
//上一阶段输入值
varying vec3 vVaryingNormal;
varying vec3 vVaryingLightDir;
varying vec2 vTexCoords;
//这里用到了Phong着色,只是向片段着色器传入没有插值颜色的顶点,因为插值颜色顶点是分布不均的,这样可能会出现光照不均的不想要的结果
//这里将颜色值作为统一值直接传给了片段着色器处理,代价是更多的性能消耗
void main(void) {
    //通过纹理坐标找到需要贴图的几何体对应的纹理单元的纹理颜色值
    vec4 vCloudSample = texture2D(colorMap, vTexCoords);
    //当纹理单元的r值小于dissolveFactor时,舍弃该片段
    if(vCloudSample.r < dissolveFactor)
      discard;
    // 得到法向量和光源向量的夹角,夹角的强度模拟漫射光在不同光源位置下的强度
    float diff = max(0.0, dot(normalize(vVaryingNormal), normalize(vVaryingLightDir)));
    // 得到漫射光
    gl_FragColor = diff * diffuseColor;
    // 添加环境光
    gl_FragColor += ambientColor;
    // 这里先照亮纹理,因为纹理值乘以纯白色只会得到一个照亮的纹理值,不会表现出高光,然后在进行高光折射光的处理
    //通过纹理坐标找到需要贴图的几何体对应的纹理单元的纹理颜色值通过相乘添加到之前的光源上得到新的光栅颜色值
    gl_FragColor *= texture2D(colorMap, vTexCoords);
    // 得到折射向量
    vec3 vReflection = normalize(reflect(-normalize(vVaryingLightDir), normalize(vVaryingNormal)));
    // 得到反射光与法向量的夹角
    float spec = max(0.0, dot(normalize(vVaryingNormal), vReflection));
    if(diff != 0) {
        //得到漫射光强度,其实OpenGL的照相机隐藏的做了视线的管理,反射光的强度是视觉向量和反射光向量的夹角值
        float fSpec = pow(spec, 128.0);
        //添加反射光
        gl_FragColor.rgb += vec3(fSpec, fSpec, fSpec);
    }
}

2. 纹理模拟光源

1. 客户端代码
GLFrame             viewFrame;
GLFrustum           viewFrustum;
GLTriangleBatch     torusBatch;
GLMatrixStack       modelViewMatrix;
GLMatrixStack       projectionMatrix;
GLGeometryTransform transformPipeline;
GLShaderManager     shaderManager;

GLuint  toonShader;
GLint   locLight;
GLint   locMVP;
GLint   locMV;
GLint   locNM;
GLint   locColorTable;
GLuint  texture;

void SetupRC(void) {
    //设置背景颜色
    glClearColor(0.025f, 0.25f, 0.25f, 1.0f );
    //开启深度测试,防止图元重叠
    glEnable(GL_DEPTH_TEST);
    //开启图元剔除,剔除看不见的图元提高性能
    glEnable(GL_CULL_FACE);
    //初始化存储着色器
    shaderManager.InitializeStockShaders();
    //角色帧向前移动
    viewFrame.MoveForward(4.0f);
    //设置花托,通过torusBatch容器管理
    gltMakeTorus(torusBatch, 0.80f, 0.25f, 52, 26);
    //生成着色器程序
    toonShader = gltLoadShaderPairWithAttributes("ToonShader.vp", "ToonShader.fp", 2, GLT_ATTRIBUTE_VERTEX, "vVertex",
                                                 GLT_ATTRIBUTE_NORMAL, "vNormal");
    //定位统一值,得到统一值管理对象
    locLight = glGetUniformLocation(toonShader, "vLightPosition");
    locMVP = glGetUniformLocation(toonShader, "mvpMatrix");
    locMV  = glGetUniformLocation(toonShader, "mvMatrix");
    locNM  = glGetUniformLocation(toonShader, "normalMatrix");
    locColorTable = glGetUniformLocation(toonShader, "colorTable");
    //设置纹理对象
    glGenTextures(1, &texture);
    //绑定纹理
    glBindTexture(GL_TEXTURE_1D, texture);
    //设置一维纹理对应的像素数据(RGB),一维纹理的坐标大于0小于1,通过一维纹理坐标会映射到纹理地址,着色器会通过法向量和光源向量夹角来表示一维纹理坐标来模拟漫射光强度,
    GLubyte textureData[4][3] = { 32,  0, 0,
        64,  0, 0,
        128, 0, 0,
        255, 0, 0};
    //载入纹理,一维纹理,当前层为基层,压缩方式为rgb,长度是4,边框为0,纹理数据为无符号,像素是textureData
    glTexImage1D(GL_TEXTURE_1D, 0, GL_RGB, 4, 0, GL_RGB, GL_UNSIGNED_BYTE, textureData);
    //设置纹理过滤方式
    glTexParameteri(GL_TEXTURE_1D, GL_TEXTURE_MIN_FILTER, GL_LINEAR_MIPMAP_LINEAR);
    glTexParameteri(GL_TEXTURE_1D, GL_TEXTURE_MAG_FILTER, GL_LINEAR_MIPMAP_LINEAR);
    //设置纹理环绕模式
    glTexParameteri(GL_TEXTURE_1D, GL_TEXTURE_WRAP_S, GL_CLAMP_TO_EDGE);
    //预加载纹理Mip贴图层,防止向前后移动几何体时上面的贴图加载过大,而出现性能消耗或者失真
    glGenerateMipmap(GL_TEXTURE_1D);
}

void ShutdownRC(void) {
    //清理纹理对象
    glDeleteTextures(1, &texture);
}

// Called to draw scene
void RenderScene(void) {
    static CStopWatch rotTimer;
    //清除颜色缓冲区数据,清除深度缓冲区数据和
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
    //将角色帧对应的几何体的顶点和顶部的模型视图矩阵堆栈矩阵相乘放入模型视图矩阵堆栈的顶部
    modelViewMatrix.PushMatrix(viewFrame);
    //模型视图变换,旋转变换
    modelViewMatrix.Rotate(rotTimer.GetElapsedSeconds() * 10.0f, 0.0f, 1.0f, 0.0f);
    //设置光线位置
    GLfloat vEyeLight[] = { -100.0f, 100.0f, 100.0f };
    //使用着色器程序
    glUseProgram(toonShader);
    //设置着色器统一值
    glUniform3fv(locLight, 1, vEyeLight);
    glUniformMatrix4fv(locMVP, 1, GL_FALSE, transformPipeline.GetModelViewProjectionMatrix());
    glUniformMatrix4fv(locMV, 1, GL_FALSE, transformPipeline.GetModelViewMatrix());
    glUniformMatrix3fv(locNM, 1, GL_FALSE, transformPipeline.GetNormalMatrix());
    glUniform1i(locColorTable, 0);
    //绘制
    torusBatch.Draw();
    //移出模型视图堆栈底部的矩阵
    modelViewMatrix.PopMatrix();
    //交换前后台缓冲区数据
    glutSwapBuffers();
    //刷新展示
    glutPostRedisplay();
}


void ChangeSize(int w, int h) {
    if(h == 0){
       h = 1;
    }
    //设置视口
    glViewport(0, 0, w, h);
    //设置投影变换
    viewFrustum.SetPerspective(35.0f, float(w)/float(h), 1.0f, 100.0f);
    //载入投影矩阵到投影矩阵堆栈
    projectionMatrix.LoadMatrix(viewFrustum.GetProjectionMatrix());
    //设置管线管理模型视图矩阵堆栈和投影矩阵堆栈
    transformPipeline.SetMatrixStacks(modelViewMatrix, projectionMatrix);
}

int main(int argc, char* argv[]) {
    gltSetWorkingDirectory(argv[0]);
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGBA | GLUT_DEPTH | GLUT_STENCIL);
    glutInitWindowSize(800, 600);
    glutCreateWindow("Cell (toon) shading");
    glutReshapeFunc(ChangeSize);
    glutDisplayFunc(RenderScene);
    
    GLenum err = glewInit();
    if (GLEW_OK != err) {
        fprintf(stderr, "GLEW Error: %s\n", glewGetErrorString(err));
        return 1;
    }
    SetupRC();
    glutMainLoop();
    ShutdownRC();
    return 0;
}
2. 着色器代码
//顶点着色器
//设置着色器版本
#version 120
//设置顶点着色器属性
attribute vec4 vVertex;
attribute vec3 vNormal;
//下一阶段输出值
varying float textureCoordinate;
//统一值
uniform vec3    vLightPosition;
uniform mat4    mvpMatrix;
uniform mat4    mvMatrix;
uniform mat3    normalMatrix;
void main(void) {
    //设置视觉坐标系下的单位法向量
    vec3 vEyeNormal = normalMatrix * vNormal;
    //设置视觉坐标系下的顶点值
    vec4 vPosition4 = mvMatrix * vVertex;
    vec3 vPosition3 = vPosition4.xyz / vPosition4.w;
    //设置光源向量
    vec3 vLightDir = normalize(vLightPosition - vPosition3);
    //得到法向量与光线向量的夹角,这个值作为片段着色器一维纹理的寻址坐标
    //一维纹理单元坐标是大于0小于1的会映射到一维纹理单元的地址,正好可用夹角值模拟
    textureCoordinate = max(0.0, dot(vEyeNormal, vLightDir));
    //对顶点进行模型视图投影矩阵变换计算
    gl_Position = mvpMatrix * vVertex;
}
//片段着色器
//着色器版本
#version 120
//统一值
uniform sampler1D colorTable;
//上一阶段输出值
varying float textureCoordinate;
void main(void) {
   //通过纹理坐标找到纹理单元得到纹理颜色值
   //对纹理颜色光栅化
   gl_FragColor = texture1D(colorTable, textureCoordinate);
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,670评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,928评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,926评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,238评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,112评论 4 356
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,138评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,545评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,232评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,496评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,596评论 2 310
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,369评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,226评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,600评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,906评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,185评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,516评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,721评论 2 335

推荐阅读更多精彩内容

  • 1 纹理基础 纹理是一种结构化的存储形式(Textures are a structured form of st...
    RichardJieChen阅读 15,493评论 0 9
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,497评论 18 139
  • 1 前言 一直想沿着图像处理这条线建立一套完整的理论知识体系,同时积累实际应用经验。因此有了从使用AVFounda...
    RichardJieChen阅读 5,631评论 5 12
  • 油盐酱醋柴米茶 全部倒入在锅中 水到渠成饭煮熟 一桌饭菜乐哈哈 ---写于2006年。
    卡布奇诺花蜜阅读 523评论 0 49
  • 我的家很小,却总是满当当的。从阳台的一圈原木色矮柜延伸到一体的书桌、床头、上个世纪贴壁的衣柜边角,走出卧室爬到客厅...
    nirvanafish阅读 183评论 0 1