攻击网站常用方法,类似一起做网店的网站,自己可以申请网站做外卖吗,wordpress淘宝客排名主题着色器#xff08;Shader#xff09;是运行在GPU上的小程序#xff0c;这些小程序为图形渲染管线的某个特定部分而运行#xff0c;从基本意义上来说#xff0c;着色器只是一种把输入转化为输出的程序。 一、着色器类QOpenGLShaderProgram QOpenGLShaderProgram是Qt中对着…着色器Shader是运行在GPU上的小程序这些小程序为图形渲染管线的某个特定部分而运行从基本意义上来说着色器只是一种把输入转化为输出的程序。 一、着色器类QOpenGLShaderProgram QOpenGLShaderProgram是Qt中对着色器类进行的封装。下面使用 QOpenGLShaderProgram替换掉顶点着色器、片段着色器和着色器程序shaderProgram相关代码。 在项目目录下新建两个文件分别命名为shapes.frag存储片段着色器程序和shapes.vert存储顶点着色器程序 给项目添加资源文件右击项目名称选择“添加新文件” 选择Qt-Qt Resource File点击“Choose” 输入资源文件名如res点击“下一步” 默认点击“完成” 在资源管理界面点击添加-添加前缀 输入前缀名称如/shaders 再点击添加-添加文件 选择刚刚创建的两个文件点击“打开” CtrlS保存两个文件被添加到项目文件树中 把顶点着色器代码拷贝到shapes.vert文件中并进行更改 把片段着色器代码拷贝到shapes.frag文件中并进行更改 更改myopenglwidget.h代码如下包含QOpenGLShaderProgram头文件并创建一个QOpenGLShaderProgram类对象新建一个析构函数用于资源释放对上一节代码的优化 #ifndef MYOPENGLWIDGET_H #define MYOPENGLWIDGET_H #include QOpenGLWidget #include QOpenGLFunctions_3_3_Core #include QOpenGLShaderProgramclass MyOpenGLWidget : public QOpenGLWidget,QOpenGLFunctions_3_3_Core {Q_OBJECTpublic:explicit MyOpenGLWidget(QWidget *parent nullptr);~MyOpenGLWidget();protected:virtual void initializeGL();virtual void resizeGL(int w, int h);virtual void paintGL();private:QOpenGLShaderProgram m_shaderProgram; };#endif // MYOPENGLWIDGET_H 更改myopenglwidget.cpp代码如下 #include myopenglwidget.h #include QDebug//全局的顶点缓冲对象和顶点数组对象 unsigned int VBO; unsigned int VAO;MyOpenGLWidget::MyOpenGLWidget(QWidget *parent) : QOpenGLWidget(parent) {}MyOpenGLWidget::~MyOpenGLWidget() {makeCurrent();glDeleteBuffers(1, VBO);glDeleteVertexArrays(1, VAO);doneCurrent(); }void MyOpenGLWidget::initializeGL() {//初始化OpenGL函数initializeOpenGLFunctions();//1.创建VBO并赋予IDglGenBuffers(1, VBO);//绑定VBO对象glBindBuffer(GL_ARRAY_BUFFER, VBO);//顶点数据float vertices[] {-0.5f, -0.5f, 0.0f,0.5f, -0.5f, 0.0f,0.0f, 0.5f, 0.0f};//把顶点数据复制到显存中glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW);//2.创建VAO对象并赋予IDglGenVertexArrays(1, VAO);//绑定VAO对象glBindVertexArray(VAO);//告知显卡如何解析缓冲里的属性值glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 3 * sizeof(float), (void*)0);//开启VAO管理的第一个属性值glEnableVertexAttribArray(0);//解绑VBOglBindBuffer(GL_ARRAY_BUFFER, 0);//解绑VAOglBindVertexArray(0);//3.创建一个程序对象m_shaderProgram.addShaderFromSourceFile(QOpenGLShader::Vertex,:/shaders/shapes.vert);m_shaderProgram.addShaderFromSourceFile(QOpenGLShader::Fragment,:/shaders/shapes.frag);bool success m_shaderProgram.link();if(!success)qDebug()ERR: m_shaderProgram.log(); }void MyOpenGLWidget::resizeGL(int w, int h) {Q_UNUSED(w);Q_UNUSED(h); }void MyOpenGLWidget::paintGL() {//设置墨绿色背景glClearColor(0.2f, 0.3f, 0.3f, 1.0f); //状态设置glClear(GL_COLOR_BUFFER_BIT); //状态使用//4.绘制三角形m_shaderProgram.bind(); //激活程序对象glBindVertexArray(VAO); //绑定VAOglDrawArrays(GL_TRIANGLES, 0, 3); //绘图 } 在上面的程序中用如下几行代码替换掉了顶点着色器、片段着色器和着色器程序shaderProgram相关代码 m_shaderProgram.addShaderFromSourceFile(QOpenGLShader::Vertex,:/shaders/shapes.vert); m_shaderProgram.addShaderFromSourceFile(QOpenGLShader::Fragment,:/shaders/shapes.frag); bool success m_shaderProgram.link(); if(!success)qDebug()ERR: m_shaderProgram.log(); 运行结果如下 二、GLSL 着色器是使用一种叫GLSL的类C语言写成的。GLSL是为图形计算量身定制的它包含一些针对向量和矩阵操作的有用特性。 着色器的开头总是要声明版本接着是输入和输出变量、uniform和main函数。每个着色器的入口点都是main函数在这个函数中我们处理所有的输入变量并将结果输出到输出变量中。 一个典型的着色器有下面的结构 #version version_number in type in_variable_name;out type out_variable_name;uniform type uniform_name;int main() {//处理输入并进行一些图形操作...//输出处理过的结果到输出变量out_variable_name weird_stuff_we_processed; } 每个输入变量也叫顶点属性Vertex Attribute。我们能声明的顶点属性是有上限的它一般由硬件来决定。OpenGL确保至少有16个包含4分量的顶点属性可用但是有些硬件允许更多的顶点属性可以查询GL_MAX_VERTEX_ATTRIBS来获取具体的上限 int nrAttributes; glGetIntegerv(GL_MAX_VERTEX_ATTRIBS, nrAttributes); qDebug() Maximun nr of vertex attributes supported: nrAttributes; 通常情况下它至少会返回16个大部分情况下是够用的。 三、数据类型 GLSL中包含的基础数据类型int、float、double、uint和bool。GLSL有两个容器类型向量Vector和矩阵Matrix。 GLSL中的向量是一个可以包含有2/3或4个分量的容器分量的类型可以是前面默认基础类型的任意一个它们可以是下面的形式n代表分量的数量 类型含义vecn包含n个float分量的默认向量bvecn包含n个bool分量的向量ivecn包含n个int分量的向量uvecn包含n个unsigned int分量的向量dvecn包含n个double分量的向量 一个向量的分量可以通过vec.x这种方式获取这里x是指这个向量的第一个分量可以分别使用.x、.y、.z和.w来获取它们的第1/2/3/4个分量GLSL也允许对颜色使用rgba对纹理坐标使用stpq访问相同的分量。 向量这一数据类型允许一些有趣而灵活的分量选择方式叫做重组Swizzling。重组允许下面这样的语法 vec2 someVec; vec4 differentVec someVec.xyxx; vec3 anotherVec differentVec.zyw; vec4 otherVec someVec.xxxx anotherVec.yxzy; 可以使用上面4个字母任意组合来创建一个和原来向量一样长的同类型新向量只要原来向量有那些分量即可也可以把一个向量作为一个参数传给不同的向量构造函数以减少需求参数的数量 vec2 vect vec2(0.5, 0.7); vec4 result vec4(vect, 0.0, 0.0); vec4 otherResult vec4(result.xyz, 1.0); 四、输入与输出in-out 每个着色器使用in和out这两个关键字设定输入和输出只要一个输出变量与下一个着色器的输入匹配它就会传递下去。 顶点着色器的特殊点是它的输入从顶点数据中直接接收。为了定义顶点数据该如何管理使用location这一元数据指定输入变量这样才可以在CPU上配置顶点属性。顶点着色器需要为它的输入提供一个额外的layout标识这样才能把它链接到顶点数据layout(location 0)也可以忽略layout(location 0)标识符通过OpenGL代码中使用glGetAttribLocation查询属性位置值Location。 片段着色器的特殊点是需要一个vec4类型的颜色输出变量。如果你在片段着色器没有定义输出颜色OpenGL会把你的物体渲染为黑色或白色。 如果我们打算从一个着色器向另一个着色器发送数据必须在发送方着色器中声明一个输出在接收方着色器中声明一个输入当类型和名字都一样时OpenGL就会把两个变量链接到一起它们之间就能发送数据了这是在链接程序对象时完成的。 对之前的程序进行改动让顶点着色器为片段着色器设置颜色。 更改shapes.vert文件中的代码如下 #version 330 corelayout (location 0) in vec3 aPos;out vec4 vertexColor; //为片段着色器指定一个颜色void main() {gl_Position vec4(aPos.x, aPos.y, aPos.z, 1.0);vertexColor vec4(0.5, 0.0, 0.0, 1.0); //暗红色 } 更改shapes.frag文件中的代码如下 #version 330 coreout vec4 FragColor;in vec4 vertexColor; //从顶点着色器传来的变量类型和名称相同void main() {FragColor vertexColor; } 在顶点着色器中声明了一个vec4类型变量vertexColor作为输出并在片段着色器中声明一个vec4类型变量vertexColor作为输入由于它们类型和名称相同两个变量会被链接上在顶点着色器中将颜色设置为深红色最终会把深红色传给片段着色器运行结果如下 五、Uniform Uniform是一种从CPU中的应用向GPU中的着色器发送数据的方式但uniform和顶点属性有些不同。首先uniform是全局的Global全局意味着uniform变量必须在每个着色器程序对象中都是独一无二的而且它可以被着色器程序的任意着色器在任意阶段访问。其次无论你把uniform值设置成什么uniform会一直保存它们的数据直到它们被重置或更新。 下面通过uniform来设置三角形的颜色 删除掉shapes.vert文件中变量vertexColor相关代码如下 #version 330 corelayout (location 0) in vec3 aPos;void main() {gl_Position vec4(aPos.x, aPos.y, aPos.z, 1.0); } 在shapes.frag文件中定义uniform变量 #version 330 coreout vec4 FragColor;uniform vec4 ourColor; //从CPU中传值void main() {FragColor ourColor; } 我们在片段着色器中声明了一个uniform vec4的ourColor并把片段着色器的输出颜色设置为uniform值的内容。因为uniform是全局变量我们可以在任何着色器中定义他们而无需通过顶点着色器作为中介。如果你声明了一个uniform却在GLSL代码中没用过编译器会静默移除这个变量导致最后编译出的版本中并不会包含它这可能导致几个非常麻烦的错误。 下面给这个uniform添加数据在void MyOpenGLWidget::initializeGL()函数中添加如下代码 m_shaderProgram.bind(); m_shaderProgram.setUniformValue(vertexColor, 0.0, 1.0, 0.0, 1.0); 更新一个uniform之前你必须先激活着色器程序调用m_shaderProgram.bind()因为它是在当前激活的着色器程序中设置uniform值。使用setUniformValue函数更新uniform值setUniformValue是重载函数鼠标放到setUniformValue函数上摁F2可以看到setUniformValue函数的所有重载形式。 运行结果如下 uniform对于设置一个在渲染迭代中会改变的属性是一个非常有用的工具它也是一个在程序和着色器间数据交互的工具但是假如我们打算为每个顶点设置一个颜色的时候该怎么办呢下面使用更多属性值来解决这个问题。 六、更多属性 之前顶点数据中只有位置数据现在把颜色数据也加进去把三角形的三个角分别指定为红色、绿色和蓝色 float 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标识符来把aColor属性的位置值设置为1 更改shapes.vert文件中的代码如下 #version 330 core layout (location 0) in vec3 aPos; //位置变量的属性位置值为0 layout (location 1) in vec3 aColor; //颜色变量的属性位置值为1out vec3 ourColor; //向片段着色器输出一个颜色void main() {gl_Position vec4(aPos, 1.0);ourColor aColor; //将ourColor设置为我们从顶点数据那里得到的输入颜色 } 由于我们不再使用uniform来传递片段的颜色现在使用ourColor输出变量我们必须再修改一下片段着色器 更改shapes.frag文件中的代码如下 #version 330 coreout vec4 FragColor;in vec3 ourColor;void main() {FragColor vec4(ourColor, 1.0); } 因为我们添加了另一个顶点属性并且更新了VBO的内存我们就必须重新配置顶点属性指针。更新后的VBO内存中的数据看起来像这样 使用glVertexAttribPointer函数更新顶点格式 //位置属性 glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 6 * sizeof(float), (void*)0); glEnableVertexAttribArray(0); //开启VAO管理的第一个属性值//颜色属性 glVertexAttribPointer(1, 3, GL_FLOAT, GL_FALSE, 6 * sizeof(float), (void*)(3 * sizeof(float))); glEnableVertexAttribArray(1); //开启VAO管理的第二个属性值 由于现在有两个顶点属性需要重新计算步长值。为获得数据队列中下一个属性值我们必须向右移动6个float其中3个是位置值另外3个是颜色值这使得步长值为6乘以float的字节数。对于每个顶点来说位置顶点属性在前所以它的偏移量是0颜色属性在后偏移量是3*sizeof(float)。 运行结果如下 我们只提供了3个颜色结果却看到了大调色板这是在片段着色器中进行所谓的片段插值Fragment Interpolation的结果。当渲染一个三角形时光栅化Resterization阶段通常会造成比原指定顶点更多的片段光栅会根据每个片段在三角形形状上所处相对位置决定这些片段的位置基于这些位置它会插值Interpolation所有片段着色器的输入变量比如我们有一个线段上面端点是绿色下面端点是蓝色如果一个片段着色器在线段的70%的位置运行它的颜色输出属性就会是一个绿色和蓝色的线性结合更精确地说是70%绿30%蓝。 注观看OpenGL中文官网https://learnopengl-cn.github.io/和阿西拜的现代OpenGL入门https://ke.qq.com/course/3999604#term_id104150693学习OpenGL