首页 > 其他分享 >openGL之glsl入门1--基本概念

openGL之glsl入门1--基本概念

时间:2023-03-10 17:57:06浏览次数:41  
标签:glsl GLSL openGL -- 计算器 坐标 归一化 着色器

从零开始学习openGL与GLSL(没有计算机图像学基础),开始确实挺费劲,网上的资料虽然多,但不系统,例子也不全,openGL还好(这里指的是v2.0之前的版本,使用glBegin(), glEnd()方式绘制),完整的例子比较多,而GLSL的例子相对少不少,中间走了不少弯路。下面说一下个人的一些学习经历和看法。

1. 学习路线
GLSL的学习还是比较推荐以红宝书为主线进行学习,其他资料辅助,虽然入门难度比较大,但是比较系统权威,不会走偏,不懂的话多练练,多翻翻其他资料,也是可以慢慢弄清楚的。

大家可以自己去找红宝书《OpenGL编程指南(第八版).pdf》(与之配套的源码《oglpg-8th-edition》 )。蓝宝书《OpenGL超级宝典》也是经典,大家也可以看看,都比较权威,正如他们的名字,红宝书重编程,蓝宝书重原理。

个人的学习经历是:

1. 先把网上的老的openGL程序都跑一遍(使用glBegin(), glEnd()方式绘制 ),先看效果,再捋概念,熟悉老的程序的话,学GLSL会快很多,概念是一致的,只是编程实现方式不同。

2. 中途恶补《计算机图形学》知识,熟悉齐次坐标,坐标变换等知识。

3. 一章一章看红宝书,对照sample写自己的代码。

4. 再根据学习的情况,一步一步往自己的工作中需完成的任务上靠。

 

说明:关于红宝书,这里推荐大家以此为主线进行学习,估计很多人有意见,入门难度确实稍高,第一个程序,前面的4章讲完了才能基本搞懂,都不像一般的helloworld程序一样简洁,我也是搞了好久才把第一个例子跑起来,搞明白,而且sample程序里问题不少,根本没法直接用,可能是我下载了假的sample程序,做参考还是不错的,后来我放弃了直接跑sample,而只是参考,自己改写,这样理解更透彻。推荐的理由是系统性与权威性,而不是门槛高低,所以本文的目的不是替代书籍,而是为大家提供一些有意思的代码,让大家更好的理解红宝书。

2. 基本概念
2.1 顶点、片元着色器
刚接触openGL,新概念确实不少,其中顶点着色器这个概念搞了好久都没弄明白,老是想着顶点着什么色,其实这个都是翻译误导的,英文为Vertex Shader,Shader这个词翻译为着色器不好理解,不过这东西确实不太好翻译,反正顶点着色器和上颜色没什么关系。

 

这里从网上找了一张图,可以这么理解,顶点着色器的作用是做出石膏模子,而片元 着色器的作用是为石膏模子上色,简单的说,顶点着色器是做出3D图像的轮廓框架(毛坯,进行空间与空间变化等与空间相关操作),而片元 着色器让它变得好看一些,即上色(装修,进行颜色与纹理等操作)。片元着色器(fragment shader)有的又称为片段着色器,只是翻译问题,我们以红宝书的名称为准。

 

2.2 GLSL的CS模型
CS(客户端服务器)模型,client是gl打头的一系列api,对应的时CPU部分,而server就是GLSL语言部分,对应的时GPU部分。

老的api编程对用户来说,这个概念不明显,api已经封装了GPU部分操作,在用户看来,感觉不出来哪些操作在cpu上执行,哪些在GPU上执行。这里举一个例子来辅助大家理解。

 

上图是计算器和美元,用计算器算账,做以下类比:

1. 客户端:人的脑和手(数据输入,灵活,但计算速度不如计算器),计算器键盘是计算器提供给用户的接口(api)。

2. 服务器:计算器,单纯运算能力比较强(GPU)

这就是固定管线模型,我们输入的数据(一天的账目),计算器很快的给出结果,比自己算快多了,GPU初期就是这样的。

计算器用来算账是不错,但我有一个需求,我要求每一笔账目输入的是美元单位,而显示出来的是人民币单位,有两种方法

1. 输入账目的时候每一笔都乘一下汇率再输入(CPU处理),但这样,整体速度就慢太多了。

2. 也可以专门出一款计算器搞一个功能键(创一个新的api)来做这项工作,但用户的需求是多种多样的,这样的灵活性太差。想一想老式的中文打印机,每个字一个键(区位编码),用起来与扩展起来都非常不方便。

此时的计算器就不满足需求了,我们需要可编程计算器(电脑),我输入数据过后,还可以控制输出数据的时候再乘一个汇率,这就是可编程管线。

可编程管线简单的说就是,用户CPU输入数据过后,GPU还可以对数据做进一步编程处理,CPU只需要输入必要的数据,剩下的需求都交给GPU来做,充分利用GPU的处理优势,通过缓冲对象,进一步提高处理性能。CPU侧重点在数据输入与控制,GPU着重数据处理与显示。

有的网友问,为什么《OpenGL编程指南(第八版).pdf》例子没有用到glBegin(), glEnd()的方式绘图,就是因为,红宝书8的例子全部用GLSL shader编程实现的,这些老的api新的版本已经废弃(但还是可以使用),这里建议大家还是先熟悉一下老的api,类比起来有助于理解。

2.3 归一化
归一化实际是把对应的数据类型转成[0-1]的范围,如使用GL_UNSIGNED_BYTE 类型存储该颜色分量值, 归一化是把0~255转为0~1的范围,如RGBA中R的值为10,即颜色分量R归一化公式为R/255 = 10.0/255,有符号型数据的归一化会复杂一些,计算公式红宝书上有讲(3.3.1章节)。

openGL的坐标系也是一种归一化的坐标系(规格化设备坐标系),在传入坐标时,api也经常有是否归一化的选项,注意归一化是根据数据类型长度来的,同一个值,不同类型的归一化完全不一样。这个特性要用,如果给出的是非归一化的坐标,如BMP中的RGBA的值,最好使用接口去归一化,用CPU归一化效率太低。

openGL坐标范围为[-1.0,1.0],但不是说坐标只能是这个范围内的,超出范围后,只会显示不出来而已,通过缩放,平移,旋转等操作,可以把超出1.0的坐标显示出来,颜色RGBA的范围为[0,1.0],这个范围不能超,否则没意义。

shader里面的颜色用的是RGBA,注意透明度分量A在最后。

 

2.4 齐次坐标
为方便坐标转换,GLSL中用的坐标全是齐次坐标,即(x,y,z,w) 4维坐标,坐标变换的矩阵也是4维矩阵。

齐次坐标(x,y,z,w)转3维坐标(x/w,y/w,z/w),

 

2.5 向量
向量和点的表示方式比较类似,点主要是表示位置,向量主要表示方向。

点是三维空间中的某个坐标,是绝对的,它的值是参照原点的,而向量用于表示力和速度等具有方向和大小的量, 通常用具有长度和方向的线段来表示,虽然他们都具有三个分量,但对于向量,如果将向量放在坐标系中的任何位置(平移),都不会改变其性质,因为向量表示的是方向和大小,与位置距离无关,它的值是相对与基准点的。

齐次坐标与向量在shader编程中大量使用,还有矩阵的概念都需要弄清楚。

2.6 缓冲对象
openGL中有大量的缓冲OBJECT,常见的有vbo,vao,ebo,pbo,fbo,这些缓冲对象开始学习的时候不是必须的,对openGL有一定的了解后再去深入理解即可,使用缓冲对象能使程序效率更高,不使用也能用。红宝书第一个例子就抬出了vbo和vao,确实增大学习难度,理解了过后,这些概念也没那么难,但由于使用方式习惯(gen bind方式)与一般程序使用方式习惯不一样,又夹杂着一堆的新概念、新的api,学习难度就上来了。

本文档后续用完整例子来讲解缓冲对象的用法。

3. 其他说明
系列学习文章都是针对GLSL编程的,基于glsl3.3版本。

后续的例子尽量不依赖太多内容,程序尽量完整,尽量能直接跑,用的C语言,应该可以跨平台。

学GLSL之前,大家还是把老的openGL程序先熟悉一下(使用glBegin(), glEnd() 绘制),环境搭建与辅助库的使用大家自己去了解。可以边学边查。

不清楚的地方,可以一起交流。
————————————————
原文链接:https://blog.csdn.net/t3swing/article/details/78417250

 

标签:glsl,GLSL,openGL,--,计算器,坐标,归一化,着色器
From: https://www.cnblogs.com/im18620660608/p/17204302.html

相关文章

  • 04 文件的高级操作:控制文件指针的移动
    """@作者:egon老湿@微信:18611453110@专栏:https://zhuanlan.zhihu.com/c_1189883314197168128"""#指针移动的单位都是以bytes/字节为单位#只有一种情况特殊:#t......
  • 03 文件的操作的其他方法
    """@作者:egon老湿@微信:18611453110@专栏:https://zhuanlan.zhihu.com/c_1189883314197168128"""#一:读相关操作#1、readline:一次读一行#withopen(r'g.txt',mode='rt......
  • 9.使用async和await简化promise的使用
    我们常规的写法如下:reqLogin(username,password).then(response=>{console.log("登陆成功了!",response.data)}).catch(error=>{console.log("登陆失......
  • 【希尔排序ShellSort算法详解】Java/Go/Python/JS/C不同语言实现
    【希尔排序算法详解】Java/Go/Python/JS/C不同语言实现 说明希尔排序(ShellSort)是插入排序的一种改进版,也称递减增量排序算法(DiminishingIncrementSort),其实质是将数......
  • 消息处理:(窗口过程)
    //6.处理消息(窗口过程)LRESULTCALLBACKWindowProc( HWNDhWnd,//消息产生的窗口句柄 UINTMsg,//具体消息名称,WM_XXX消息名(消息名A)A代表鼠标等 WPARAMwParam,//键......
  • day13笔记
    上节课复习:x+b1、读写都是以bytes2、针对所有文件3、一定不能指定encodingwithopen('a.txt',mode='rb')asf:res=f.read()......
  • 01 f.seek的应用
    """@作者:egon老湿@微信:18611453110@专栏:https://zhuanlan.zhihu.com/c_1189883314197168128"""importtimewithopen('access.log',mode='rb')asf:#1、将指针......
  • test
    银河麒麟桌面操作系统V10/V10SP1日常运维FAQ1.日常操作1.查看电脑信息和激活状态操作方法右键我的电脑——属性查看,如系统已经激活则激活状态会显示“已激活”并......
  • java-IO-字节流复制文本文件
          ......
  • Cookie
    会话:用户打开一个浏览器,点击很多超链接,访问多个web资源,关闭浏览器,这个过程称为会话。一个网站,怎么证明你来过?客户端和服务端1.服务端给客户端-一个信件,客户端下次访问......