shader学习笔记二： Verying关键字

最新推荐文章于 2022-07-20 18:00:23 发布
最新推荐文章于 2022-07-20 18:00:23 发布
阅读量519 收藏
点赞数
分类专栏： # 1.8 Shader编程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012278016/article/details/106374597
版权
本文详细介绍了如何使用Verying关键字在顶点着色器(VS)和片段着色器(FS)之间传递数据，通过具体代码实例展示了数据的一致性和正确传递方法，对于理解OpenGL着色器之间的数据交互具有重要意义。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  Verying关键字定义变量，主要用于从vs中传递数据到fs中。

关键代码：

	string vsCode  =   "uniform vec4 _color;\
						varying vec4 outColor;\
						void main()\
						{\
							outColor    =   _color;\
							gl_Position =   ftransform();\
						}";

	string psCode  = "varying vec4 outColor;\
					  void main()\
					  {\
						  gl_FragColor = outColor;\
					  }";

    //varying 用于vs传递输出数据到ps中，一般用于在vs中计算数值给ps使用

	//varying vec4 outColor; 对vs来说是输出，对ps来说是输入，为了保证输入输出一致性，这两个变量名称要一致

代码实例

main.cpp


/*
* 该实例演示使用Verying关键字使用，其作用是从vs中传递数据到fs中 
*/

#define GLEW_STATIC
#include <stdio.h>
#include <stdlib.h>
#include <math.h>
#include <iostream>

#include <GL/glew.h>
#include <GLFW/glfw3.h>

#include <glm/vec3.hpp> // glm::vec3
#include <glm/vec4.hpp> // glm::vec4
#include <glm/mat4x4.hpp> // glm::mat4
#include <glm/ext/matrix_transform.hpp> // glm::translate, glm::rotate, glm::scale
#include <glm/ext/matrix_clip_space.hpp>

#include "FreeImage.h"

#include "shader.hpp"

#pragma comment(linker, "/subsystem:\"windows\" /entry:\"mainCRTStartup\"" )  //这行是取消显示控制台

char szTitle[64] = "opengl view";


//glm::vec4 vec(1.0f, 0.0f, 0.0f, 1.0f);//创建一个点
//glm::mat4 trans = glm::mat4(1.0f);//创建单位矩阵
//Window dimensions    
const GLuint WIDTH = 800, HEIGHT = 600;

GLfloat ratio = 1.f;
GLfloat xpos, ypos;

glm::vec3 _eye(0, 0, 10);
glm::vec3 _lookAt(0, 0, 0);
glm::vec3 _up(0, 1, 0);

glm::mat4 _matProj = glm::mat4(1.0f);//创建单位矩阵
glm::mat4 _matView = glm::mat4(1.0f);//创建单位矩阵


float size = 100.0f;

//顶点数据
struct Vertex {
	float x, y, z;
	float u, v;
};

Vertex g_cubeVertices[] =
{
	{ -1.0f, -1.0f, 1.0f, 0.0f, 0.0f },
	{ 1.0f, -1.0f, 1.0f, 1.0f, 0.0f },
	{ 1.0f, 1.0f, 1.0f, 1.0f, 1.0f },
	{ -1.0f, 1.0f, 1.0f, 0.0f, 1.0f },

	{ -1.0f, -1.0f, -1.0f, 1.0f, 0.0f },
	{ -1.0f, 1.0f, -1.0f, 1.0f, 1.0f },
	{ 1.0f, 1.0f, -1.0f, 0.0f, 1.0f },
	{ 1.0f, -1.0f, -1.0f, 0.0f, 0.0f },

	{ -1.0f, 1.0f, -1.0f, 0.0f, 1.0f },
	{ -1.0f, 1.0f, 1.0f, 0.0f, 0.0f },
	{ 1.0f, 1.0f, 1.0f, 1.0f, 0.0f },
	{ 1.0f, 1.0f, -1.0f, 1.0f, 1.0f },

	{ -1.0f, -1.0f, -1.0f, 1.0f, 1.0f },
	{ 1.0f, -1.0f, -1.0f, 0.0f, 1.0f },
	{ 1.0f, -1.0f, 1.0f, 0.0f, 0.0f },
	{ -1.0f, -1.0f, 1.0f, 1.0f, 0.0f },

	{ 1.0f, -1.0f, -1.0f, 1.0f, 0.0f },
	{ 1.0f, 1.0f, -1.0f, 1.0f, 1.0f },
	{ 1.0f, 1.0f, 1.0f, 0.0f, 1.0f },
	{ 1.0f, -1.0f, 1.0f, 0.0f, 0.0f },

	{ -1.0f, -1.0f, -1.0f, 0.0f, 0.0f },
	{ -1.0f, -1.0f, 1.0f, 1.0f, 0.0f },
	{ -1.0f, 1.0f, 1.0f, 1.0f, 1.0f },
	{ -1.0f, 1.0f, -1.0f, 0.0f, 1.0f },

	// 地面数据
	{ -size, -1.0f, -size, 0.0f, 0.0f },
	{ -size, -1.0f, size, 100.0f, 0.0f },
	{ size, -1.0f, size, 100.0f, 100.0f },
	{ size, 0.0f, -size, 0.0f, 100.0f }
};

//纹理ID
GLuint  _texture;
GLuint  _vbo;

//地面纹理
GLuint  _texGround;

Shader* _shader = nullptr;


static void error_callback(int error, const char* description) {
	fputs(description, stderr);
}

static void key_callback(GLFWwindow* window, int key, int scancode, int action, int mods) {
	std::cout << "key " << key << std::endl;

	switch(key) {
		case GLFW_KEY_ESCAPE:
			glfwSetWindowShouldClose(window, GL_TRUE);
			break;
		case GLFW_KEY_UP:
			_eye.z  -=  0.1f;   //这里修改摄像机参数
			break;
		case GLFW_KEY_DOWN:
			_eye.z  +=  0.1f;
			break;
		case GLFW_KEY_RIGHT:
			_eye.x  -=  1.0f;
			break;
		case GLFW_KEY_LEFT:
			_eye.x  +=  1.0f;
			break;

		default:
			break;
	}
}

static void mouse_button_callback(GLFWwindow* window, int button, int action, int mods) {
	if(action != GLFW_PRESS)
		return;

	switch(button) {
		case GLFW_MOUSE_BUTTON_LEFT:
			std::cout << "Mosue left button clicked!" << std::endl;
			break;
		case GLFW_MOUSE_BUTTON_MIDDLE:
			std::cout << "Mosue middle button clicked!" << std::endl;
			break;
		case GLFW_MOUSE_BUTTON_RIGHT:
			std::cout << "Mosue right button clicked!" << std::endl;
			break;
		default:
			return;
	}
	return;
}

static void cursor_position_callback(GLFWwindow* window, double x, double y) {
	//std::cout << "Mouse position move to X: " << x << " Y: " << y << std::endl;
	xpos = float((x - WIDTH / 2) / WIDTH) * 2;
	ypos = float(0 - (y - HEIGHT / 2) / HEIGHT) * 2;
	return;
}

static void scroll_callback(GLFWwindow* window, double x, double y) {
	return;
}

static unsigned createTexture(int w, int h, const void* data, GLenum type) {
	unsigned    texId;
	glGenTextures(1, &texId);
	glBindTexture(GL_TEXTURE_2D, texId);
	glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);
	glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);

	glTexImage2D(GL_TEXTURE_2D, 0, type, w, h, 0, type, GL_UNSIGNED_BYTE, data);

	return  texId;
}
/**
*   使用FreeImage加载图片
*/
static unsigned createTextureFromImage(const char* fileName) {
	//1 获取图片格式
	FREE_IMAGE_FORMAT fifmt = FreeImage_GetFileType(fileName, 0);
	if(fifmt == FIF_UNKNOWN) {
		return  0;
	}
	//2 加载图片
	FIBITMAP    *dib = FreeImage_Load(fifmt, fileName, 0);

	FREE_IMAGE_COLOR_TYPE type = FreeImage_GetColorType(dib);

	//3 获取数据指针
	FIBITMAP*   temp = dib;
	dib = FreeImage_ConvertTo32Bits(dib);
	FreeImage_Unload(temp);

	BYTE*   pixels = (BYTE*)FreeImage_GetBits(dib);
	int     width = FreeImage_GetWidth(dib);
	int     height = FreeImage_GetHeight(dib);

	for(int i = 0; i < width * height * 4; i += 4) {
		BYTE temp = pixels[i];
		pixels[i] = pixels[i + 2];
		pixels[i + 2] = temp;
	}

	unsigned    res = createTexture(width, height, pixels, GL_RGBA);
	FreeImage_Unload(dib);
	return      res;
}

static GLint _colorID;

static void onInit() {
	_texture    =   createTextureFromImage("../res/1.jpg");
	_texGround  =   createTextureFromImage("../res/dimian.jpg");

	glGenBuffers(1, &_vbo);
	glBindBuffer(GL_ARRAY_BUFFER, _vbo);
	glBufferData(GL_ARRAY_BUFFER, sizeof(g_cubeVertices), g_cubeVertices, GL_STATIC_DRAW);
	glBindBuffer(GL_ARRAY_BUFFER, 0);


	string vsCode  =   "uniform vec4 _color;\
						varying vec4 outColor;\
						void main()\
						{\
							outColor    =   _color;\
							gl_Position =   ftransform();\
						}";

	string psCode  = "varying vec4 outColor;\
					  void main()\
					  {\
						  gl_FragColor = outColor;\
					  }";

    //varying 用于vs传递输出数据到ps中，一般用于在vs中计算数值给ps使用

	//varying vec4 outColor; 对vs来说是输出，对ps来说是输入，为了保证输入输出一致性，这两个变量名称要一致

	//_shader = new Shader("../res/shader/vertShader1.vert", "../res/shader/fragShader1.frag");

	_shader = new Shader(vsCode, psCode, true);

	//获取shader中的uniform vec4 _color 地址，即建立shader中的变量和程序中变量关联
	_colorID  =   _shader->getUniformLocation("_color");
}

static void onDestory() {
	glDeleteTextures(1, &_texture);
	glDeleteTextures(1, &_texGround);
	glDeleteBuffers(1, &_vbo);   //删除VBO 显存中释放VBO内存
}

// 绘制
static void render(GLFWwindow * window) {

	glClearColor(0, 0, 0, 1);
	glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);

	glEnable(GL_DEPTH_TEST);
	glEnable(GL_TEXTURE_2D);

	glMatrixMode(GL_MODELVIEW);
	_matView = glm::lookAt(_eye, _lookAt, _up); //使用glm数学库 根据公式计算得到视图矩阵  这公式可以推倒出来

	//摄像机围绕目标旋转
	static float angle = 0; //旋转角度
	float r = 10;           //旋转半径
	_eye.x = cos(angle * glm::pi<double>() / 180) * r;
	_eye.z = sin(angle * glm::pi<double>() / 180) * r;
	angle += 1;  //角度每帧加一

	glm::mat4 matVP = _matProj * _matView;
	glLoadMatrixf(&matVP[0][0]);

	
	glBindTexture(GL_TEXTURE_2D, _texture);

	glEnableClientState(GL_VERTEX_ARRAY);
	glEnableClientState(GL_TEXTURE_COORD_ARRAY);
	//开始使用ID为 _vbo  的buffer 接下来的操作针对这个VBO
	glBindBuffer(GL_ARRAY_BUFFER, _vbo);

	float* addrVertex = (float*)0;
	float* uvAddress = (float*)12;

	glVertexPointer(3, GL_FLOAT, sizeof(Vertex), addrVertex);
	glTexCoordPointer(2, GL_FLOAT, sizeof(Vertex), uvAddress);

	// 绘制 立方体
	_shader->begin(); //使用 shader 对绘制立方体起作用

	//先begin 使用这个shader 然后才能修改
	glUniform4f(_colorID, 0, 1, 1, 1); //通过_colorID 改变对应的shader中 _color 的值

	glDrawArrays(GL_QUADS, 0, 24);   //shader 只在针对 glDrawArrays 这类绘制函数其作用，顶点处理阶段调用顶点shader 光栅化处理阶段调用片元shader
	_shader->end();   //结束  如果不掉用这个函数 glUseProgram设置为0，这个shader程序会对后面的绘制产生影响

	//绘制地面
	//glLoadIdentity(); //这里打开 地面就不会跟着旋转 说明摄像机操作的是模型矩阵
	glBindTexture(GL_TEXTURE_2D, _texGround);
	glDrawArrays(GL_QUADS, 24, 4);


	glDisableClientState(GL_VERTEX_ARRAY);
	glDisableClientState(GL_TEXTURE_COORD_ARRAY);
	glBindTexture(GL_TEXTURE_2D, 0);
	glfwSwapBuffers(window);
	glfwPollEvents();
}

int main(void) {
	GLFWwindow * window;

	glfwSetErrorCallback(error_callback);

	if(!glfwInit())
		return -1;

	window = glfwCreateWindow(WIDTH, HEIGHT, szTitle, NULL, NULL);
	if(!window) {
		glfwTerminate();
		exit(EXIT_FAILURE);
	}

	glfwSetKeyCallback(window, key_callback);
	glfwSetMouseButtonCallback(window, mouse_button_callback);
	glfwSetCursorPosCallback(window, cursor_position_callback);
	glfwSetScrollCallback(window, scroll_callback);

	glfwMakeContextCurrent(window);

	glewExperimental = GL_TRUE;
	glewInit();
	onInit();
	glViewport(0, 0, WIDTH, HEIGHT); //设置opengl视口 即看到的显示区域

	_matProj = glm::perspective(glm::radians(60.0f), float(WIDTH) / float(HEIGHT), 0.1f, 1000.0f);//使用glm数学库 根据公式计算得到投影矩阵  这公式可以推倒出来

	while(!glfwWindowShouldClose(window)) {
		render(window);
	}

	onDestory();
	glfwDestroyWindow(window);

	glfwTerminate();
	return 0;
}

运行结果

在这里插入图片描述

OpenGL - 类型修饰符
gk11010的博客
03-09 469
作用 数据类型也可以通过一些修饰符来改变自己的行为。类型修饰符 attribute、uniform、varying、const 、in、out、inout、buffer、shared以下详解：attribute一般用于每个顶点都各不相同的量，如：顶点位置，颜色等 作用：1.attribute限定符为属性限定符。   2.attribute修饰的变量用来  接收渲染管线 传递进 顶点着色...
OpenGL-着色器语言
gk11010的博客
03-04 1483
        上篇了解了下 OpenGL，那接下来就开始进一步了解一下它吧。在开发 OpenGL 程序过程中我们会经常用到 着色器（顶点着色器、片元着色器），话不多说进入正题着色器语言    在这之前先来了解一下必要的名词    图元：是图形软件中用来描述各种图形元素的函数（图像组成的基本单元）        GLSL ：专门为图形开发设计的编程语言    可编程管线的编程阶段   渲染管线  ...
shader三种变量类型（uniform，attribute和varying）
aoxuestudy的专栏
08-05 2018
学习目标： uniform变量在vertex和fragment两者之间声明方式完全一样，则它可以在vertex和fragment共享使用。（相当于一个被vertex和fragment shader共享的全局变量） uniform变量一般用来表示：变换矩阵，材质，光照参数和颜色等信息。 以下是例子： uniform mat4 viewProjMatrix; //投影+视图矩阵 uniform mat4 viewMatrix; //视图矩阵 uniform vec3 lightPosition; //光源位置
var关键字
进阶的菜鸟
11-12 1129
现在代码中会出现很多用var关键字来声明初始化变量
Q&A：Godot Shader中的uniform和varying有什么关系和区别？
开发游戏的老王
03-31 1721
刚有朋友问我一个问题，在此解答一下，希望能够帮助更多人，如有错误敬请指正！ Q&A 问：“Godot Shader中的uniform和varying有什么关系和区别？” 答： 相同的地方是：它们都是用来传递数据的。 不同的地方是： uniform用于逻辑语言（GDScript/C#等）和着色器之间传递数据。注意：这个传递是单向的，即只能由逻辑语言传给着色器，反之不行。 范例：《[手把手...
opengl-shader学习笔记：varying变量
u012861978的专栏
07-20 728
渲染管线中应用程序调用openglAPI，把顶点数据传给VertexShader，VertexShader处理完后输出数据给FragmentShader，如上图中VertexShader->FragmentShader的过程中。
(转)shader三种变量类型（uniform，attribute和varying）
luyuncsd123的专栏
05-06 9825
(转)shader三种变量类型（uniform，attribute和varying）  举报 阅uniform变量是外部application程序传递给（vertex和fragment）shader的变量。因此它是application通过函数glUniform**（）函数赋值的。在（vertex和fragment）shader程序内部，uniform变量就像是C语言里面的常量（const
GLSL三种基本类型（着色器语言三种变量）
06-18 898
GLSL三种基本类型（着色器语言三种变量） 着色器语言和C语言一样，通过一个表示特定数据类型的关键词声明一个变量，比如int num;通过int关键字声明一个整数型变量num，不过着色器语言还提供了三个关键字attribute、uniform和varying用来声明特定用途的变量。 attribute和uniform关键字的目的主要是为了javascript语言可以通过相关的WebGL API把一些数据传递给着色器，如果一个着色器中一个变量，着色器代码中变量不通过attribute或uniform.
time-verying filtering and signal estimation using wigner distribution synthesis techniques
02-26
该算法的核心思想在于利用维格纳分布的时间-频率性质以及近似技术，将给定的二维时频表示折叠回一维离散时间信号。具体而言，该算法可能涉及以下步骤： 1. **维格纳分布计算**：首先计算信号的维格纳分布。 2. **...
OpenGL/GLSL数据传递小记(3.x)(转)
weixin_34234721的博客
07-04 413
OpenGL/GLSL规范在不断演进着，我们渐渐走进可编程管道的时代的同时，崭新的功能接口也让我们有点缭乱的感觉。本文再次从OpenGL和GLSL之间数据的传递这一点，记录和介绍基于OpenGL3.x的新方式，也会适时介绍Unform Buffer Objecct(UBO)这一重要特性。——ZwqXin.com 本文可视为大致一年半前的本博客的[OpenGL/GLSL数据传递小记(2.x)]一文...
OpenGL-Shader
07-09
共六章1.基础章节,从Shader1.0版本到新的4.5版本,介绍每一个版本中特性的用法;2.Tesslattion Shader应用/基础案例分析3.Gemotry Shader应用/基础案例分析4.Compute Shader应用/基础案例分析5.通过大量案例讲解分析/结合新特性，介绍用法6.性能调优，如果借助shader加速应用,让你的程序支撑百万级别的场景对象轻松应对
OpenGL ES2.0 的三种变量类型（uniform，attribute和varying）
热门推荐
Jackers679的专栏
10-07 2万+
最近研究了下OpenGL ES2.0的programing guide。看到shader里面声明的变量一般有三种类型，特地为此做个小的总结。   1.uniform变量 uniform变量是外部application程序传递给（vertex和fragment）shader的
WebGL着色器变量(attribute、uniform和varying)
u014291990的博客
11-17 4234
WebGL着色器语言三种变量(attribute、uniform和varying) 着色器语言和C语言一样，通过一个表示特定数据类型的关键词声明一个变量，比如int num;通过int关键字声明一个整数型变量num，不过着色器语言还提供了三个关键字attribute、uniform和varying用来声明特定用途的变量。 attribute和uniform关键字的目的主要是为了javascript...
varying是vs和Ps之间的shader传递变量
coder
10-17 489
正如uniform是shader和应用程序之间传递的变量，varying是shader之间传递的变量。比如，vs的输出，也就是Ps的输入
OpenGL ES 三种类型修饰 uniform attribute varying
renai2008的专栏
08-08 1万+
1.uniform变量 uniform变量是外部application程序传递给（vertex和fragment）shader的变量。因此它是application通过 函数glUniform**（）函数赋值的。在（vertex和fragment）shader程序内部，uniform变量就像是C语言里面 的常量（const ），它不能被shader程序修改。（shader只能用，不能改）
OpenGL ES Shader的三种变量类型uniform，attribute和varying
lb377463323的博客
03-25 3183
uniform变量uniform变量是外部application程序传递给(vertex和fragment)shader的变量。因此它是application通过函数glUniform**（）函数赋值的。在(vertex和fragment)shader程序内部，uniform变量就像是C语言里面的常量(const)，它不能被shader程序修改。
OPEN GL Shader学习
zYongheng的博客
05-03 456
OPEN GL Shader学习 一、创建工程 struct Vertex { float x, y, z; float r, g, b; }; VC++标准化窗口 class GLContext: public GLWindow { public: GLContext(HINSTANCE hInst); virtual void Init() override; virtual void UnInit() override; virtual void Rend
shader学习笔记四： 访问顶点颜色数据gl_Color
哲学天空的博客
05-27 1908
  现在opengl 版本里支持一个顶点 两个颜色 gl_Color、gl_SecondaryColor 关键代码： string vsCode = "varying vec4 outColor0;\ varying vec4 outColor1;\ void main()\ {\ outColor0 = gl_Color;\ outColor1 = gl_SecondaryColor;\
WebGL varying变量和颜色插值
u014291990的博客
11-24 2270
varying变量和颜色插值 本文是WebGL电子书的1.7节内容 前面课程讲解过一系列顶点通过顶点着色器逐顶点处理后，再经过图元装配、光栅化环节会得到原始未定义颜色的片元，然后经过片元着色器逐片元添加颜色，会得到一副图像。在片元着色器程序中编写代码 gl_FragColor = vec4(1.0,0.0,0.0,1.0)就表示所有经过光栅化生成的没定义颜色的片元经过片元着色器处理后所有片元赋值红...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值