OpenGL学习(3)——Shader
之前已经接触过Vertex Shader和Fragment Shader,这次学习如何编写Shader并封装成类。
Shader源码主要有四部分:
- 版本声明
#version xxx core
; - 使用in和out关键字定义输入输出变量,上一个Shader的输出变量必须和下一个Shader的输入变量保持一致;
- 有时使用uniform关键字定义全局变量;
- main主函数。
看一个Vertex Shader的例子:
#version 330 core
layout (location = 0) in vec3 Pos;
out vec4 Color;
void main()
{
gl_Position = vec4(Pos, 1.0f);
Color = vec4(1.0f, 0.0f, 0.0f, 1.0f);
}
首先定义一个location为0的三维输入变量Pos,表示顶点的位置属性。之后用一个四维的Color变量表示输出的颜色。
在main函数中需要将Pos变换成齐次坐标,输出变量Color直接设置为红色。
Fragment Shader就很容易编写了,只需要把Vertex Shader的输出变量作为输入:
#version 330 core
in vec4 Color;
out vec4 fragColor;
void main()
{
fragColor = Color;
}
深入一点,考虑如何实现三角形颜色渐变的效果。基本想法是颜色变量在渲染循环中随着时间的变化而变化,这就需要uniform定义一个全局变量来表示颜色。
首先是Vertex Shader:
#version 330 core
layout (location = 0) in vec3 Pos;
void main()
{
gl_Position = vec4(Pos, 1.0f);
}
在Fragment Shader中使用uniform关键字取代in关键字:
#version 330 core
uniform vec4 Color;
out vec4 fragColor;
void main()
{
fragColor = Color;
}
在渲染循环中,调用glfwGetTime函数获取从GLFW被初始化后经过的时间,使用sin函数根据时间计算绿色分量的值,并映射到[0, 1]。不要忘记添加cmath头文件。
接下来调用glGetUniformLocation函数获取Color变量在Shader Program中的位置,并调用glUniform函数更新Color的值。注意glUniform函数后的后缀4f,表示Color的值是一个float类型的四维向量:
glUseProgram(shaderProgram);
float timeValue = glfwGetTime();
float greenValue = sin(timeValue)/2.0f+0.5f;
int uniformlocation = glGetUniformLocation(shaderProgram, "Color");
glUniform4f(uniformlocation, 0.0f, greenValue, 0.0f, 1.0f);
运行代码后会发现三角形颜色逐渐由绿变成黑,再变成绿。
之前所有的代码都只涉及了一个顶点属性,即Pos用来表示顶点的位置属性。如果在Vertex Shader中再定义一个location为1的三维输入变量,表示顶点的颜色属性,那么该如何配置VBO和顶点属性指针,并和VAO绑定呢?
首先在顶点数据中添加颜色数据,位置(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.5f, 0.5f, 0.0f)的顶点颜色为(0.0f, 0.0f, 1.0f):
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.5f, 0.5f, 0.0f, 0.0f, 0.0f, 1.0f};
编写Vertex Shader,Pos的属性位置为0,表示位置,Col的属性位置为1,表示颜色:
#version 330 core
layout (location = 0) in vec3 Pos;
layout (location = 1) in vec3 Col;
out vec4 Color;
void main()
{
gl_Position = vec4(Pos, 1.0f);
Color = vec4(Col, 1.0f);
}
不需要更改Fragment Shader:
#version 330 core
in vec4 Color;
out vec4 fragColor;
void main()
{
fragColor = Color;
}
最后配置VBO和顶点属性指针并绑定VAO:
glBindVertexArray(VAO);
glBindBuffer(GL_ARRAY_BUFFER, VBO);
glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW);
glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 6*sizeof(float), (void*)0); //配置位置
glEnableVertexAttribArray(0); //使能属性位置0
glVertexAttribPointer(1, 3, GL_FLOAT, GL_FALSE, 6*sizeof(float), (void*)(3*sizeof(float))); //配置颜色
glEnableVertexAttribArray(1); //使能属性位置1
Shadr的创建,源码编译和链接成Shader Program需要编写很多重复代码,为了减少工作量,将这部分代码封装成类。
这个Shader类很简单,只包含了两个函数:
- shader函数负责处理Shader的创建,源码编译和链接;
- use函数负责激活Shader Program。
代码如下:
#ifndef SHADER_H
#define SHADER_H
#include <glad/glad.h>
#include <iostream>
#include <fstream>
#include <sstream>
using namespace std;
class Shader{
public:
unsigned int ID;
void shader(const char *vertexPath, const char *fragmentPath)
{
string vertexCode;
string fragmentCode;
ifstream vertexShaderFile;
ifstream fragmentShaderFile;
stringstream vertexStream;
stringstream fragmentStream;
const char *vertexShaderSource;
const char *fragmentShaderSource;
vertexShaderFile.open(vertexPath);
fragmentShaderFile.open(fragmentPath);
vertexStream << vertexShaderFile.rdbuf();
fragmentStream << fragmentShaderFile.rdbuf();
vertexShaderFile.close();
fragmentShaderFile.close();
vertexCode = vertexStream.str();
fragmentCode = fragmentStream.str();
vertexShaderSource = vertexCode.c_str();
fragmentShaderSource = fragmentCode.c_str();
int vertexShader;
int fragmentShader;
int success;
char infoLog[512];
vertexShader = glCreateShader(GL_VERTEX_SHADER);
glShaderSource(vertexShader, 1, &vertexShaderSource, NULL);
glCompileShader(vertexShader);
glGetShaderiv(vertexShader, GL_COMPILE_STATUS, &success);
if(!success){
glGetShaderInfoLog(vertexShader, 512, NULL, infoLog);
cout << "ERROR::VERTEXSHADER::COMPILATION_FAILED\n" << infoLog << endl;
}
else cout << "VERTEXSHADER_COMPILATION_SUCCESS" << endl;
fragmentShader = glCreateShader(GL_FRAGMENT_SHADER);
glShaderSource(fragmentShader, 1, &fragmentShaderSource, NULL);
glCompileShader(fragmentShader);
glGetShaderiv(fragmentShader, GL_COMPILE_STATUS, &success);
if (!success){
glGetShaderInfoLog(fragmentShader, 512, NULL, infoLog);
cout << "ERROR::FRAGMENTSHADER::COMPILATION_FAILED\n" << infoLog << endl;
}
else cout << "FRAGMENTSHADER_COMPILATION_SUCCESS" << endl;
ID = glCreateProgram();
glAttachShader(ID, vertexShader);
glAttachShader(ID, fragmentShader);
glLinkProgram(ID);
glGetProgramiv(ID, GL_LINK_STATUS, &success);
if(!success){
glGetProgramInfoLog(ID, 512, NULL, infoLog);
cout << "ERROR::LINKING_FAILED\n" << infoLog << endl;
}
else cout << "LINKING_SUCCESS" << endl;
glDeleteShader(vertexShader);
glDeleteShader(fragmentShader);
}
void use()
{
glUseProgram(ID);
}
};
#endif // SHADER_H
这样在使用时,只需要将其添加到工程中,并添加头文件“shader.h”。
补:今天看书时有提到,定义class最好不要使用using namespace xx。懒得改了。。。
OpenGL学习(3)——Shader的更多相关文章
- OpenGL学习——自定义Shader工具类
从文件读取Vertex Shader 和 Fragment Shader的工具类. 代码如下: Shader.h #ifndef Shader_h #define Shader_h // GLEW # ...
- OpenGL学习之路(三)
1 引子 这些天公司一次次的软件发布节点忙的博主不可开交,另外还有其它的一些事也占用了很多时间.现在坐在电脑前,在很安静的环境下,与大家分享自己的OpenGL学习笔记和理解心得,感到格外舒服.这让我回 ...
- OpenGL学习笔记3——缓冲区对象
在GL中特别提出了缓冲区对象这一概念,是针对提高绘图效率的一个手段.由于GL的架构是基于客户——服务器模型建立的,因此默认所有的绘图数据均是存储在本地客户端,通过GL内核渲染处理以后再将数据发往GPU ...
- OpenGL学习进程(12)第九课:矩阵乘法实现3D变换
本节是OpenGL学习的第九个课时,下面将详细介绍OpenGL的多种3D变换和如何操作矩阵堆栈. (1)3D变换: OpenGL中绘制3D世界的空间变换包括:模型变换.视图变换.投影变换和视口 ...
- OpenGL学习进程(11)第八课:颜色绘制的详解
本节是OpenGL学习的第八个课时,下面将详细介绍OpenGL的颜色模式,颜色混合以及抗锯齿. (1)颜色模式: OpenGL支持两种颜色模式:一种是RGBA,一种是颜色索引模式. R ...
- OpenGL学习笔记:拾取与选择
转自:OpenGL学习笔记:拾取与选择 在开发OpenGL程序时,一个重要的问题就是互动,假设一个场景里面有很多元素,当用鼠标点击不同元素时,期待作出不同的反应,那么在OpenGL里面,是怎么知道我当 ...
- OpenGL学习之路(一)
1 引子 虽然是计算机科班出身,但从小对几何方面的东西就不太感冒,空间想象能力也较差,所以从本科到研究生,基本没接触过<计算机图形学>.为什么说基本没学过呢?因为好奇(尤其是惊叹于三维游戏 ...
- OpenGL学习之路(四)
1 引子 上次读书笔记主要是学习了应用三维坐标变换矩阵对二维的图形进行变换,并附带介绍了GLSL语言的编译.链接相关的知识,之后介绍了GLSL中变量的修饰符,着重介绍了uniform修饰符,来向着色器 ...
- OpenGL学习之路(五)
1 引子 不知不觉我们已经进入到读书笔记(五)了,我们先对前四次读书笔记做一个总结.前四次读书笔记主要是学习了如何使用OpenGL来绘制几何图形(包括二维几何体和三维几何体),并学习了平移.旋转.缩放 ...
- OpenGL学习之windows下安装opengl的glut库
OpenGL学习之windows下安装opengl的glut库 GLUT不是OpenGL所必须的,但它会给我们的学习带来一定的方便,推荐安装. Windows环境下的GLUT下载地址:(大小约为15 ...
随机推荐
- replace 用法
orcl中replace()用法: replace:(字符串 | 列):进行替换: 将bqh1表中name列带“小”的字改成“大”: select * from bqh1select a.*,repl ...
- 使用ramdisk内存分区给常用软件加速
::参考内存盘软件https://download.csdn.net/download/zly6tz/9717137cls @echo off ::内存虚拟盘符-内存盘大小自己查看源目录大小 ::下面 ...
- November 02nd, 2017 Week 44th Thursday
Knowledge is weightless, a treasure you can always carry easily. 知识没有重量,她是我们可以很容易携带的珍宝. Knowledge is ...
- .后面是方法不加引号 ,后面是"名"要加引号
.后面是方法不加引号 ,后面是"名"要加引号
- 'javac' 不是内部或外部命令,也不是可运行的程序
今天在命令行中运行javac命令时发现 但是运行java命令却可以 查找jdk的安装路径发现,安装目录里面同时有jdk的文件夹和jre的文件夹 查看了jdk的目录发现jdk目录中也有一个jre文件夹 ...
- MyBatis 中的级联
MyBatis 的级联分为 3 种. 1.鉴别器(discriminator):它是根据某些条件决定采用具体实现类级联的方案,比如体检表要根据性别去区分. 2.一对一(association):比如学 ...
- Java集合和泛型
集合 常用的集合有ArrayList,TreeSet,HashMap,HashSet. ArrayList 最常用的集合,每次插入都在后面追加元素. TreeSet 以有序状态保持并可防止重复.当你需 ...
- PyQt5--Signal&Slot
# -*- coding:utf-8 -*- ''' Created on Sep 14, 2018 @author: SaShuangYiBing ''' import sys from PyQt5 ...
- AlloyDesigner 使用
前端开发视觉是很重要的一部分,所以视觉的还原度很重要,今天给大家介绍一个很好用的视觉精度调整插件 一.下载AlloyDesigner插件 下载插件 二.保存视觉稿为图片格式 1.psd 用ps直接保存 ...
- python 爬取全量百度POI
在网上找了很多关于爬取百度POI的文章,但是对“全量”的做法并没有得到最终的解决方案,自己写了一个,但还是不能实现全量POI抓取,能够达到至少50%的信息抓取.注意:这里所指“全量”是能够达到100% ...