着色器(shader)是运行在GPU上小程序。

也是一种非常独立的程序,它们之间不能相互通信;它们之间唯一的沟通只有通过输入和输出。

着色器的开头总是要声明版本,接着是输入和输出变量,uniform和main函数。

每个输入变量也叫顶点属性(Vertex Attribute)。能声明的顶点属性是有上限的,OpenGL确保至少有16个包含4分量的顶点属性可用。

可以通过以下查询:

GLint nrAttributes;
glGetIntegerv(GL_MAX_VERTEX_ATTRIBS,&nrAttributes);
cout<< "Maximum nr of vertex attributes supported: "<< nrAttributes <<endl;

数据类型:

GLSL有数据类型可以来指定变量的种类。

GLSL中包含C等其他语言大部分的默认基础数据类型:

int、float、double、uint、bool;

GLSL也有两种容器类型:

向量(Vector) 和 矩阵(Matrix);

向量

向量是一个可以包含1、2、3或者4个分量的容器:

vecn    包含N个float分量的默认向量

bvecn    包含n个bool分量的向量

ivecn     包含n个int分量的向量

uvecn    包含n个unsigned int分量的向量

dvecn    包含n个double分量的向量

一个向量的分量可以通过vec.x这种方式获取。vec.x、vec.y、vec.z、vec.w来获取第1、2、3、4个分量。

对颜色使用rgba 对纹理使用stqp

GLSL定义了in或out关键字专门来实现数据交流和传递。

每个着色器使用这两个关键字设定输入和输出,只要一个输出变量与下一个着色器阶段的输入匹配,

它就会传递下去。但顶点和片段着色器中会有点不同。

顶点着色器应该接收的是一种特殊形式的输入,否则就会效率低下。

顶点着色器的输入特殊在,它从顶点数据中直接接收输入。

为了定义顶点数据该如何管理,我们使用location这一元数据指定输入变量,这样我们才可以在cpu上配置顶点属性。

也可以忽略layout (location=0)标识符,通过在OpenGL代码中使用glGetAttribLocation查询属性位置值(Location)。//没太懂!

另外一个例外是片段着色器,它需要一个vec4颜色输出变量,如果在片段着色器没有定义输出颜色,OpenGL会把你的物体渲染为黑色(或)白色。

一个着色器向另一个着色器发送数据,我们必须在发送方着色器中声明一个输出,在接收方着色器中声明一个类似的输入。

当类型和名字都一样的时候,OpenGL就会把两个变量链接到一起,它们之间就能发送数据了(这是在链接程序对象时完成的)。

Uniform

Uniform是一种从cpu中的应用想GPU中的着色器发送数据的方式,但uniform和顶点属性有些不同。

首先,uniform是全局的(Global)。全局意味着uniform变量必须在每个着色器程序对象中都是独一无二的,而且可以被着色器程序的任意阶段访问。

第二,无论你把uniform值设置成什么,uniform会一直保存它们的数据,直到它们被重置或更新。

如果声明了一个uniform却在GLSL代码中没用过,编译器会静默移除这个变量,导致最后编译出的版本并不会包含它。

下面通过uniform设置三角形的颜色:

#version  core
out vec4 color; uniform vec4 ourColor; void main()
{
color = ourColor;
}

首先,需要找到这个着色器中uniform属性的索引/位置值。

当我们得到uniform的索引/位置值后,我们就可以更新它的值了。

我们用glGetUniformLocation 查询uniform ourColor的位置值。我们查询函数提供着色器程序和uniform的名字。

如果glGetUniformLocation 返回-1 就代表没有找到这个位置值。

最后我们可以通过glUniform4f函数设置uniform值。

注意,查询uniform地址不要求你之前使用过着色器程序,但是更新一个uniform 之前你必须先使用程序(调用glUseProgram),因为它是在当前激活的着色器程序中设置uniform的。

OpenGL不支持类型重载,在函数参数不同的时候就要为其定义新的函数;

glUniform是一个典型例子。这个函数有一个特定的后缀,标识设定uniform的类型。

可能的后缀有:

f      函数需要一个float作为它的值

i      函数需要一个int作为它的值

ui    函数需要一个unsigned int作为它的值

3f    函数需要3个float作为它的值

fv    函数需要一个float向量/数组作为它的值

如果打算让颜色慢慢变化,就需要在游戏循环每一次迭代中更新这个uniform。

更多属性

我们同样打算把颜色数据加进顶点数据中。我们将把颜色数据添加为3个float值至vertices数组。

将把三角形的三个角分别指定为红、绿、蓝:

GLfloat vertices[] = {
//位置 //颜色
0.5f,-0.5f,0.0f, 1.0f,0.0f,0.0f, //右下
-0.5f,-0.5f,0.0f, 0.0f,1.0f,0.0f, //左下
0.0f,0.5f,0.0f, 0.0f,0.0f,1.0f //顶部
};

由于更多数据要发送到顶点着色器,有必要调整一下顶点着色器,使它能够接收颜色值作为一个顶点属性输入。

需要注意的是我们用layout标识符来把color 属性的位置值设置为1:

#version  core
layout (location =) in vec3 position; //位置变量的属性位置值为0
layout (location =) in vec3 color; //颜色变量的属性位置值为1 out vec3 ourColor; void main()
{
gl_Position = vec4(position,1.0);
ourColor = color;
}

修改片段着色器:

#version  core
in vec3 ourColor;
out vec4 color; void main()
{
color = vec4(ourColor,1.0f);
}

VBO内存中的数据。

------------------------

知道了现在使用的布局,我们就可以使用glVertexAttribPointer 函数更新顶点格式:

//位置属性
glVertexAttribPointer(,,GL_FLOAT,GL_FALSE,*sizeof(GLfloat),(GLvoid*));
glEnableVertexAttribArray(); //颜色属性
glVertexAttribPointer(,,GL_FLOAT,GL_FALSE,*sizeof(GLfloat),(GLvoid*)(*sizeof(GLfloat)));
glEnableVertexAttribArray();

由于我们现在有了两个顶点属性,我们不得不重新计算步长值。

为获得数据队列中下一个属性值(比如位置向量的下个x分量)我们必须向右移动6个float ,其中3个是位置值,另外3个颜色值。

同样必须指定一个偏移量。对于每个顶点来说,位置顶点属性在前,所以它的偏移量是0。

颜色属性紧随位置数据之后,所以偏移量就是3*sizeof(GLfloat)。

片段插值(Fragment Interpolation)

当渲染一个三角形时,光栅化(Rasterization)阶段通常会造成比原来指定顶点更多的片段。

光栅会根据每个片段在三角形形状上所处相对位置决定这些片段的位置。

OpenGL 着色器 03的更多相关文章

  1. OpenGL着色器入门简介

    说明:本文翻译自LearnOpengl经典教程,OpenGL着色器基础介绍的比较通俗易懂,特总结分享一下! 为什么要使用着色器?我们知道,OpenGL一般使用经典的固定渲染管线来渲染对象,但是随着Op ...

  2. WebGL中的OpenGL着色器语言

    在webgl中,调用了OpenGL-ES-2.0的API,而在OpenGL-ES专为嵌入式设备设计,其和其它设备一样,都是使用GLSL(GL Shading Language)来编写片段程序并执行于G ...

  3. 【OPENGL】第三篇 着色器基础(二)

    在这一小节,主要学习GLSL的基本数据类型以及控制结构.GLSL具备了C++和Java的很多特性,我们会先了解所有着色阶段共有的特性,再了解各个着色器的专属特性. 1.着色器的基本结构 一个着色器程序 ...

  4. OpenGL官方教程——着色器语言概述

    OpenGL官方教程——着色器语言概述 OpenGL官方教程——着色器语言概述 可编程图形硬件管线(流水线) 可编程顶点处理器 可编程几何处理器 可编程片元处理器 语言 可编程图形硬件管线(流水线) ...

  5. OpenGL入门1.3:着色器 GLSL

    前言 经过之前一段时间的学习(渲染管线简介)我们已经知道了着色器(Shader)是运行在GPU上的程序,这些小程序为图形渲染管线的某个特定部分而运行,着色器只是一种把输入转化为输出的程序,着色器也是一 ...

  6. [GEiv]第七章:着色器 高效GPU渲染方案

    第七章:着色器 高效GPU渲染方案 本章介绍着色器的基本知识以及Geiv下对其提供的支持接口.并以"渐变高斯模糊"为线索进行实例的演示解说. [背景信息] [计算机中央处理器的局限 ...

  7. GLSL 着色器程序

    除了使用Cg/HSL 着色器程序以外, OpenGL 着色器语言(GLSL)着色器可以直接书写shader. 然而,使用原生的GLSL只推荐作为测试使用,或者你清晰的知道你的目标平台是 Mac OS ...

  8. OpenGL管线(用经典管线代说着色器内部)

    图形管线(graphics pipeline)向来以复杂为特点,这归结为图形任务的复杂性和挑战性.OpenGL作为图形硬件标准,是最通用的图形管线版本.本文用自顶向下的思路来简单总结OpenGL图形管 ...

  9. 【OPENGL】第三篇 着色器基础(一)

    在这一章,我们会学习什么是着色器(Shader),什么是着色器语言(OpenGL Shading Language-GLSL),以及着色器怎么和OpenGL程序交互. 首先我们先来看看什么叫着色器. ...

随机推荐

  1. UOJ12 猜数

    这一天,小Y.小D.小C正在愉快地玩耍. 小Y是个数学家,他一拍脑袋冒出了一个神奇的完全平方数 nn. 小D是个机灵鬼,很快从小Y嘴里套出了 nn 的值.然后在脑内把 nn 写成了 a×ba×b的形式 ...

  2. Intel Code Challenge Elimination Round (Div.1 + Div.2, combined) D. Generating Sets 贪心+优先队列

    D. Generating Sets time limit per test 2 seconds memory limit per test 256 megabytes input standard ...

  3. TCP/IP 详解笔记

    最早的 TCP 协议文档是 RFC793. TCP 提供一种面向连接的.可靠的字节流服务. 面向连接容易理解,那么什么是字节流服务呢? 答:两个应用程序通过 TCP 连接交换 8 bit 字节构成的字 ...

  4. Jedis使用过程中踩过的那些坑

    1. 一个 大坑:若实例化 JedisShardInfo 时不设置节点名称(name属性),那么当Redis节点列表的顺序发生变化时,会发生“ 键 rehash 现象” 使用BTrace追踪redis ...

  5. Dom节点操作常用方法

    1.访问/获取节点 document.getElementById(id); //返回对拥有指定id的第一个对象进行访问 document.getElementsByName(name); //返回带 ...

  6. 14-THREE.JS 聚光灯

    <!DOCTYPE html> <html> <head> <title></title> <script src="htt ...

  7. Shell编程-环境变量配置文件

    1.source命令 修改配置文件后,必须注销重新登陆才能生效,使用source命令可以不用重新登陆 source  配置文件 . 配置文件 环境变量配置文件中主要是定义对系统操作环境生效的系统默认环 ...

  8. POJ--1094--Sorting It All Out||NYOJ--349--Sorting It All Out(拓扑排序)

    NYOJ的数据水一点,POJ过了是真的过了 /* 拓扑排序模板题: 每次输入都要判断有环与有序的情况,如果存在环路或者已经有序可以输出则跳过下面的输入 判断有序,通过是否在一个以上的入度为0的点,存在 ...

  9. [Luogu3727]曼哈顿计划E

    luogu 题意(简化版) 给你一棵树,每个点上有一个\(SG\)值,问你是否存在一条路径使得\(SG\)异或和为\(0\). sol 可以当做每个点的稳定值就是这个点上的石子数量. 很显然我们只需要 ...

  10. [ Laravel 5.5 文档 ] 数据库操作 —— 在 Laravel 中轻松实现分页功能

     简介 在其他框架中,分页是件非常痛苦的事,Laravel 让这件事变得简单易于上手.Laravel 的分页器与查询构建器和 Eloquent ORM 集成在一起,并开箱提供方便的.易于使用的.基于 ...