IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 游戏开发 -> OpenGL 着色器使用 -> 正文阅读

[游戏开发]OpenGL 着色器使用

着色器是OpenGL中很重要的概念,是运行在GPU上的小程序

1.顶点着色器

#version 330 core
layout (location=0) in vec3 aPos;
out vec4 vertextColor;
void main(){
	gl_Position = vec4(aPos.x, aPos.y, aPos.z, 1.0);
	vertextColor = vec4(1.0, 1.0, 0.0, 1.0);
}

#version 330 core
当前使用版本和openGL的版本号对应

layout (location=0) in vec3 aPos;
location 设置外部输入数据的位置变量的属性位置值,上面展示了外部数据aPos的位置变量属性值为0。in 表示输入, out 表示输出
aPos 定义一个变量输入位置坐标

gl_Position 是GLSL内部的关键字,用来GPU的位置显示
gl_Position = vec4(aPos.x, aPos.y, aPos.z, 1.0);接收外部输入的坐标

out vec4 vertextColor;在顶点着色器定义颜色,可以一直穿到片段着色器。片段着色器中只要定义一相同的变量接收就可以了

2.片段着色器

#version 330 core
out vec4 fragColor;
in vec4 vertextColor;//从顶点着色器中传过来的颜色
void main(){
	//fragColor = vec4(1.0f, 0.5f, 0.2f, 1.0f);

	fragColor = vertextColor;
}

注意:每个顶点着色器只能有一个输出变量!!!

3.从CPU向GPU传送数据

在着色器中使用关键字uniform
着色器中定义

uniform vec4 randColor;
GLuint randColor = _shaderProgram.uniformLocation("randColor");
	_shaderProgram.setUniformValue(randColor, QVector4D(0.4, qAbs(qSin((float)time.elapsed()/1000.0)),0.3 ,1.0));

4.代码示例

#pragma once

#include <QOpenGLWindow>
#include <QOpenGLShader>
#include <QOpenGLShaderProgram>
#include <QTime>
class QOpenGLFunctions_3_3_Core;


class HelloShader : public QOpenGLWindow {
	Q_OBJECT

public:
	HelloShader();
	~HelloShader();

private:
	void initializeGL();
	void resizeGL(int w, int h);
	void paintGL();

private:
	QOpenGLFunctions_3_3_Core* _openGLCore;
	GLuint _VBO;
	GLuint _VAO;
	QOpenGLShaderProgram _shaderProgram;//着色器程序,所里系统所有的着色器
	QTime time = QTime::currentTime();
};

#include "HelloShader.h"
#include <QOpenGLFunctions_3_3_Core>
#include <QVector4D>
#include <QMath.h>

HelloShader::HelloShader() {
}

HelloShader::~HelloShader() {
}

void HelloShader::initializeGL() {
	_openGLCore = QOpenGLContext::currentContext()->versionFunctions<QOpenGLFunctions_3_3_Core>();

	GLfloat ver[] = {
		//如果话两个三角形的话,常规画法,定义两个三角形的位置点
		//第一个三角形
		0.0f,  0.5f, 0.0f,
	   -0.5f, -0.5f, 0.0f,
		0.5f, -0.5f, 0.0f,
	};

	_openGLCore->glGenBuffers(1, &_VAO);
	_openGLCore->glBindVertexArray(_VAO);

	_openGLCore->glGenBuffers(1, &_VBO);
	_openGLCore->glBindBuffer(GL_ARRAY_BUFFER, _VBO);
	_openGLCore->glBufferData(GL_ARRAY_BUFFER, sizeof(ver), ver, GL_STATIC_DRAW);
	_openGLCore->glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 3 * sizeof(GLfloat), (void*)0);

	_openGLCore->glEnableVertexAttribArray(0);

	_openGLCore->glBindVertexArray(0);


	QOpenGLShader vertexShager(QOpenGLShader::Vertex);//顶点着色器
	vertexShager.compileSourceFile("E:/Projects/QtGuiTest/OPenGLApp/shader/HelloShader.vert");
	QOpenGLShader fragmentShager(QOpenGLShader::Fragment);//片段着色器
	fragmentShager.compileSourceFile("E:/Projects/QtGuiTest/OPenGLApp/shader/HelloShader.frag");
	_shaderProgram.addShader(&vertexShager);
	_shaderProgram.addShader(&fragmentShager);

	_shaderProgram.link();
}

void HelloShader::resizeGL(int w, int h) {

}

void HelloShader::paintGL() {
	_openGLCore->glClearColor(0.6f, 0.6f, 0.6f, 1.0);
	_openGLCore->glClear(GL_COLOR_BUFFER_BIT);

	_shaderProgram.bind();

	GLuint randColor = _shaderProgram.uniformLocation("randColor");
	_shaderProgram.setUniformValue(randColor, QVector4D(0.4, qAbs(qSin((float)time.elapsed()/1000.0)),0.3 ,1.0));
	
	_openGLCore->glBindVertexArray(_VAO);



	_openGLCore->glDrawArrays(GL_TRIANGLES, 0, 3);

	update();
}

顶点着色器:

#version 330 core
layout (location=0) in vec3 aPos;
out vec4 vertextColor;
void main(){
	gl_Position = vec4(aPos.x, aPos.y, aPos.z, 1.0);
	vertextColor = vec4(1.0, 1.0, 0.0, 1.0);
}

片段着色器

#version 330 core
out vec4 fragColor;
in vec4 vertextColor;//从顶点着色器中传过来的颜色

uniform vec4 randColor;
void main(){
	//fragColor = vec4(1.0f, 0.5f, 0.2f, 1.0f);

	//fragColor = vertextColor;
	fragColor = randColor;
}

运行结果:
在这里插入图片描述

以上!
aaa

  游戏开发 最新文章
6、英飞凌-AURIX-TC3XX: PWM实验之使用 GT
泛型自动装箱
CubeMax添加Rtthread操作系统 组件STM32F10
python多线程编程:如何优雅地关闭线程
数据类型隐式转换导致的阻塞
WebAPi实现多文件上传,并附带参数
from origin ‘null‘ has been blocked by
UE4 蓝图调用C++函数(附带项目工程)
Unity学习笔记(一)结构体的简单理解与应用
【Memory As a Programming Concept in C a
上一篇文章      下一篇文章      查看所有文章
加:2022-07-04 23:17:42  更:2022-07-04 23:19:00 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 10:37:17-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码