【OpenGL学习笔记七】着色器语言(GLSL)

article/2025/11/9 5:37:38

目录

典型着色器结构

数据类型

顶点着色器特性

片段着色器特性

从顶点着色器向片段着色器发送数据

从CPU中的应用向GPU中的着色器发送数据


GLSL规范:https://www.khronos.org/registry/OpenGL/specs/gl/GLSLangSpec.1.20.pdf

GLSL是类C语言

着色器是各自独立的小程序,但是最终各个着色器是要link到一起构成一个整体程序的

典型着色器结构

  1. 开头总是版本声明
  2. 使用in关键字定义输入变量
  3. 定义out关键字定义输出变量
  4. 定义uniform
  5. main函数
#version version_number
in type in_variable_name;
in type in_variable_name;out type out_variable_name;uniform type uniform_name;int main()
{// 处理输入并进行一些图形操作...// 输出处理过的结果到输出变量out_variable_name = weird_stuff_we_processed;
}

数据类型

GLSL中包含了C的基本数据类型int float double uint bool,还包含了两个容器类型向量(Vector)和矩阵(Matrix),由于向量可以是一维的,所以直接使用向量和矩阵两个数据类型即可。

顶点着色器特性

顶点着色器的每个输入变量叫做顶点属性。

能声明的顶点属性是有限制的,一般由硬件来决定。

OpenGL确保至少有16个包含4分量的顶点属性可用。

顶点着色器的输入是从顶点数据中直接接收数据,即从VBO中直接接收数据,

下面代码定义的顶点数据vertices[]将会通过VBO,传输给顶点着色器的输入vec3 posVertex

static const float vertices[] ={-0.5f, -0.5f, 0.0f,0.5f, -0.5f, 0.0f,-0.5f, 0.5f, 0.0f
};
glGenBuffers(1,&VBO);
glBindBuffer(GL_ARRAY_BUFFER, VBO);
glBufferData(GL_ARRAY_BUFFER, sizeof (vertices), vertices, GL_STATIC_DRAW);
glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 3* sizeof (float),(void*)0);
glEnableVertexAttribArray(0);//顶点着色器程序
#version 330
layout(location = 0) in vec3 posVertex;
void main()
{gl_Position = vec4(posVertex, 1.0f);
}

片段着色器特性

片段着色器必须要定义一个vec4的输出,因为片段着色器需要生成一个最终输出的颜色。如果在片段着色器中定义输出颜色,OpenGL会把物体渲染为黑色或者白色。

从顶点着色器向片段着色器发送数据

  1. 在顶点着色器中定义一个类型的变量
  2. 在片段着色器中定义一个同类型和名字的变量

在link着色器的时候,当类型和名字都一样的时候,OpenGL就会把两个变量链接到一起

//顶点着色器
#version 330 core
layout (location = 0) in vec3 aPos; // 位置变量的属性位置值为0out vec4 vertexColor; // 为片段着色器指定一个颜色输出void main()
{gl_Position = vec4(aPos, 1.0); // 注意我们如何把一个vec3作为vec4的构造器的参数vertexColor = vec4(0.5, 0.0, 0.0, 1.0); // 把输出变量设置为暗红色
}/*************************************************************///片段着色器
#version 330 core
out vec4 FragColor;in vec4 vertexColor; // 从顶点着色器传来的输入变量(名称相同、类型相同)void main()
{FragColor = vertexColor;
}

从CPU中的应用向GPU中的着色器发送数据

OpenGL通过将着色器中变量定义前加入uniform关键字,来声明改变量中的数据可以从CUP传入。

uniform特性:

  1. uniform是全局的。
  2. uniform定义的变量必须在每个着色器对象中是独一无二的。
  3. uniform可以被任意着色器在任意位置访问。

uniform的使用:

在一个着色器中添加uniform关键字至类型和变量名前来声明一个GLSL的uniform

#version 330 core
out vec4 FragColor;//1.在OpenGL程序代码中设定这个变量
uniform vec4 ourColor; void main()
{FragColor = ourColor;
}
/******************************************************************/float greenValue = (sin(timeValue) / 2.0f) + 0.5f;
//2.获取uniform "ourColor"的位置
int vertexColorLocation = glGetUniformLocation(shaderProgram, "ourColor");
//3.更新ourColor前必须调用glUseProgram
glUseProgram(shaderProgram);
//4.通过glUniform4f更新GPU中的数据
glUniform4f(vertexColorLocation, 0.0f, greenValue, 0.0f, 1.0f);

 


http://chatgpt.dhexx.cn/article/33GTnUts.shtml

相关文章

GLSL简介 GLSL――OpenGL Shading Language

https://blog.csdn.net/silangquan/article/details/9631341 GLSL简介 OpenGL着色语言(GLSL――OpenGL Shading Language)是用来在OpenGL中着色编程的语言,也即开发人员写的短小的自定义程序,他们是在图形卡的GPU &#…

uni-app 拖动滑块验证(插件分享)

插件地址:https://ext.dcloud.net.cn/plugin?id573 效果预览: 作者:黄河爱浪 QQ:1846492969,邮箱:helang.loveqq.com 公众号:web-7258,本文原创,著作权归作者所有&…

Android 自定义View实现拖动滑块完成验证

本文较长,阅读大约十分钟 此效果源自于星球的星友的提问: 周末忙里偷闲把效果实现了一下,其实这个效果一般都是在Web上的验证,手机App多半还是短信验证码等方式,或者WebView加载的JS中的效果,不过要自定义V…

android原生滑块验证

记录一个滑块验证,在文章底部会放上DEMO 简单效果图 1、滑动验证前 2、滑动验证后 用到两个类: 一、自定义类代码 public class ImageAuthenticationView extends android.support.v7.widget.AppCompatImageView {/*** 定义画笔*/private Paint mPai…

小程序 拖动滑块验证(自定义组件 插件分享)

效果图: 文章目录: #1 创建组件 #2 组件编码 MoveVerify.wxss MoveVerify.wxml MoveVerify.js #3 页面引用 在页面的 json 文件中引用组件 在页面的 wxml 文件中使用组件 在页面的 js 文件中接收验证回调 #1 创建组件 在小程序项目根目录创建目…

jQuery拖动滑块验证样式

样式&#xff1a; 目录结构&#xff1a; HTML代码&#xff1a; <!DOCTYPE html> <html><head><title>jQuery仿淘宝网拖动滑块验证码代码</title><meta charset"utf-8"><link href"css/drag.css" rel"stylesh…

css3 滑动验证,Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)

vue验证滑块功能&#xff0c;在生活中很多地方都可以见到&#xff0c;那么使用起来非常方便&#xff0c;基于vue如何实现滑块验证呢&#xff1f;下面通过代码给大家讲解。 效果图如下所示&#xff1a; 拖动前 拖动后 代码引用的css与js都是线上的 将代码全部复制到一个html中可…

JavaScript实现拖动滑块验证

Write By Monkeyfly 以下内容均为原创&#xff0c;如需转载请注明出处。 前提 之前在优化别人写的登录界面时&#xff0c;遇到了滑动解锁成功后发送短信验证码的场景&#xff0c;因为涉及到改动&#xff0c;所以必须要明白它是怎么实现的。由于本人JavaScript技艺不精&#…

JavaScript实现拖动滑块验证(方法已封装)

前提 之前写了一篇博文&#xff0c;题目是《JavaScript实现拖动滑块验证》&#xff0c;里面都是用最简单的方式实现的。后来&#xff0c;群里大神推荐了一款unlock.js插件&#xff0c;称作幻灯片解锁插件。在这里附上它的github地址&#xff1a;https://github.com/menthe/unl…

JavaScript封装拖动滑块验证

原生JS封装拖动验证滑块 最终效果分析最终如何使用&#xff1f;编写库的整体初始框架编写核心函数1(创建dom和css)编写核心函数2(绑定事件)添加工具方法(核心函数2中用到的) 最终完整可运行代码使用 最终效果 分析 看到这个效果我们首先应该想到和拖动有关的api: onmousedown, …

vue拖动滑块验证组件

组件Slider.vue <template><div class"drag" ref"dragDiv"><div class"drag_bg"></div><div class"drag_text">{{ confirmWords }}</div><div ref"moveDiv" mousedown"moused…

js实现拖动滑块验证

介绍一个比较6的网站&#xff1a;Element.setPointerCapture() - Web API 接口参考 | MDN 里面用到的setPointerCapture&#xff0c;getBoundingClientRect方法都是这个网站里面有的 &#xff08;看看效果图&#xff0c;动态图我不知道怎么搞&#xff0c;简单来说就是没拉到底…

php拖动滑块验证原理,原生js实现拖动滑块验证

原生js实现拖动滑块验证题 前言 验证的目的是为了减轻超高数据量的访问时,服务器的压力,减少同时请求量;前端基本都不能避免与验证打交道,这里记录一下我对于滑块验证的学习过程。 思路 作为前端,我们要将自己带入用户的角度,对用户的操作习惯进行考虑,我将拖动滑块验证…

Vue - 滑块拖动拼图验证(滑块验证安全检测)

前言 😃 提供您一个示例,您可以轻松移植到您项目中。 您一定见过很多系统都 “配备” 了滑块验证、拼图验证、找不同等, 本质上都是为了验证登录系统的是人还是机器(代码), 如下图所示效果:

Uipath实现简单的滑块拖动验证

本篇文章主要介绍使用【Click】Activities这一个活动来实现拖动滑块的验证&#xff0c;为拖动滑块验证提供了一种思路。但只能应用于滑块从头滑到尾&#xff0c;不支持拼图的滑块验证。 说白了&#xff0c;这篇文章更像是介绍【Click】这个Activities中&#xff0c;"clic…

数据库技术与应用 学习笔记1

1.软件的安装 SQL Server 2019 安装教程 大佬的安装教程链接: https://blog.csdn.net/CHQC388/article/details/104550963. 2.数据库技术与应用 2.1 什么是数据库技术 数据库技术所研究的问题就是如何科学地组织和存储数据&#xff0c;如何高效地获取和处理数据。 2.2 什么…

SQL Server数据库笔记整理(一)

数据库&#xff1a;持久化存储&#xff0c;优化读写&#xff0c;保证数据的有效性。 关系型数据库是基于E-R模型&#xff08;即实体-模型&#xff09;&#xff0c;使用SQL语言进行操作。数据库分类&#xff1a;文档型数据库、服务型数据库&#xff08;使用居多&#xff09; &am…

软件测试工程师学习笔记11 - 数据库篇

软件测试工程师学习笔记 -11 一、入门必读二、Linux三、数据库1.MySQL基础1&#xff09; sql语言的注释2&#xff09;mysql中常用数据类型3&#xff09;表、字段、记录4&#xff09;数据库中的常用命令4&#xff09;字段的约束5&#xff09;总结 一、入门必读 二、Linux 三、…

计算机三级 数据库技术 学习笔记

版权声明&#xff1a;本文为CSDN博主「RanLZ」的原创文章&#xff0c;转载请附上原文出处链接。 计算机三级 数据库技术 第一章 数据库应用系统开发方法 1.1 数据库应用系统生命周期 1.1.1 软件工程与软件开发方法 瀑布模型快速原型模型螺旋模型 1.1.2 DBAS生命周期模型 p …

数据库系统概论复习笔记

Ch1 绪论 1.1 基本概念 数据Data、数据库DB、数据库管理系统DBMS、数据库系统DBS 数据是数据库中存储的基本对象,是用来描述事物的符号。数据库是长期储存在计算机内的、有组织的、可共享的、大量数据的集合。数据库管理系统位于用户与操作系统之间的一层数据管理软件,用于…