CSharpGL(55)我是这样理解PBR的 简介 PBR(Physically Based Rendering),基于物理的渲染,据说是目前最先进的实时渲染方法.它比Blinn-Phong方法的真实感更强,几乎是照片级的效果. 下图就是PBR的一个例子,读者可在CSharpGL中找到. +BIT祝威+悄悄在此留下版了个权的信息说: 应用题 PBR虽然看起来很复杂,但仍旧是在解一个应用题,只要明确了已知条件和所求问题,就没有什么难以理解的了. 已知条件如下: 对于不透明的三维模型(Cube.Sp

这周学习了如何在unity中制作地形,就是在一个Terrain的对象上盖几座小山,在山底种几棵树,那就讲一下如何完成上述内容. 1.在新键得项目的游戏的Hierarchy目录中新键一个Terrain对象(如图黑色部分代表Terrain[地形]) 2.对地形Terrain增加纹理 .1 在Hierarchy选中Terrain对象可以看到在Inspector有关于Terrain的属性介绍 点击后,选择Edit Textures 在点击Add Textures 就可以为地形增加纹理了 .2点击完Add

CSharpGL(33)使用uniform块来优化对uniform变量的读写 +BIT祝威+悄悄在此留下版了个权的信息说: Uniform块 如果shader程序变得比较复杂,那么其中用到的uniform变量数量也会上升.通常会在多个shader程序中用到同一个uniform变量.而uniform buffer object就是一种优化uniform变量访问,以及在不同的shader程序间共享uniform数据的方法. 写法 首先了解一下uniform块的写法. uniform b { // ‘

CSharpGL(39)GLSL光照示例:鼠标拖动太阳(光源)观察平行光的漫反射和镜面反射效果 开始 一图抵千言.首先来看鼠标拖动太阳(光源)的情形. 然后是鼠标拖拽旋转模型的情形. 然后我们移动摄像机来从不同的角度看看. 现在太阳(光源)跑到比较远的位置去了,我们再移动它试试看. 本文就介绍平行光下是如何实现漫反射和镜面反射的. 本文shader核心部分来自红宝书第八版. 光照 只需记住一点,用GLSL实现光照效果时,都是根据顶点的位置.法线方向.光源位置(方向).摄像机位置等等这些数据,根据

CSharpGL(38)带初始数据创建Vertex Buffer Object的情形汇总 开始 总的来说,OpenGL应用开发者会遇到为如下三种数据创建Vertex Buffer Object的情形: 任意一个struct类型T data: 任意一个元素类型为struct的数组T[] array: 任意一个非托管数组UnmanagedArray<T> array: 而可创建的Vertex Buffer Object也分为如下的类别: 描述顶点属性(位置.颜色.法线等)的VertexBuffer

CSharpGL(37)创建和使用VBO的最佳方式 开始 近日在OpenGL红宝书上看到这样的讲解. 其核心意思是,在创建VBO时用 glBufferData(GL_ARRAY_BUFFER, length, NULL, GL_STATIC_DRAW); 来初始化buffer占用的内存(此内存在GPU端),其中的 NULL 表示并未初始化数据(即此buffer中的数据是随机值,类似在C语言中刚刚创建一个数组 ]; 的情况). 这样,就不必在CPU端申请大量内存了.接下来需要初始化buffer数据

CSharpGL(36)通用的非托管数组排序方法 如果OpenGL要渲染半透明物体,一个方法是根据顶点到窗口的距离排序,按照从远到近的顺序依次渲染.所以本篇介绍对 UnmanagedArray<T> 进行排序的几种方法. +BIT祝威+悄悄在此留下版了个权的信息说: UnmanagedArray<T> 首先重新介绍一下非托管数组这个东西.一个 UnmanagedArray<float> 与一个 float[] 是一样的用处,只不过 UnmanagedArray<f

CSharpGL(35)用ViewPort实现类似3DMax那样的把一个场景渲染到4个视口 开始 像下面这样的四个视口的功能是很常用的,所以我花了几天时间在CSharpGL中集成了这个功能. 在CSharpGL中的多视口效果如下.效果图是粗糙了些,但是已经实现了拖拽图元时4个视口同步更新的功能,算是一个3D模型编辑器的雏形了. 原理 ViewPort 多视口的任务,是在不同的区域用不同的摄像机渲染同一个场景.这个“区域”我们称其为 ViewPort .(实际上 ViewPort 是强化版的 gl

CSharpGL(34)以从零编写一个KleinBottle渲染器为例学习如何使用CSharpGL +BIT祝威+悄悄在此留下版了个权的信息说: 开始 本文用step by step的方式,讲述如何使用CSharpGL渲染一个Klein Bottle,从而得到下图所示的图形.你会看到这并不困难. +BIT祝威+悄悄在此留下版了个权的信息说: 用Modern OpenGL渲染 在Modern OpenGL中,shader是在GPU上执行的程序,用于计算图形最终的样子:模型则提供顶点数据给shade

CSharpGL(32)矩阵与四元数与角度旋转轴的相互转换 三维世界里的旋转(rotate),可以用一个3x3的矩阵描述:可以用(旋转角度float+旋转轴vec3)描述.数学家欧拉证明了这两种形式可以相互转化,且多次地旋转可以归结为一次旋转.这实际上就是著名的轨迹球(arcball)方式操纵模型的理论基础. 本文中都设定float angleDegree为旋转角度,vec3 axis为旋转轴. +BIT祝威+悄悄在此留下版了个权的信息说: 四元数 +BIT祝威+悄悄在此留下版了个权的信息说:

CSharpGL(31)[译]OpenGL渲染管道那些事 +BIT祝威+悄悄在此留下版了个权的信息说: 开始 自认为对OpenGL的掌握到了一个小瓶颈,现在回头细细地捋一遍OpenGL渲染管道应当是一个不错的突破口. 本文通过阅读.翻译和扩展(https://www.opengl.org/wiki/Rendering_Pipeline_Overview)的方式,来逐步回顾总结一下OpenGL渲染管道,从而串联起OpenGL的所有知识点,并期望能在更高的层次上有所领悟. 另外,(https://w

CSharpGL(30)用条件渲染(Conditional Rendering)来提升OpenGL的渲染效率 当场景中有比较复杂的模型时,条件渲染能够加速对复杂模型的渲染. 条件渲染(Conditional Rendering) 当我们能够断定一个模型被其他模型挡住(因此不会被Camera看到)时,我们就可以跳过对此模型的渲染.这就是条件渲染的根本. 那么如何去判断?方法就是用一个简单的包围盒(比如一个立方体)去渲染一下,看看fragment是不是有变化(即包围盒上的某些部分通过了depth t

+BIT祝威+悄悄在此留下版了个权的信息说: CSharpGL(29)初步封装Texture和Framebuffer +BIT祝威+悄悄在此留下版了个权的信息说: Texture和Framebuffer Texture和Framebuffer是OpenGL进行3D渲染高级效果必不可少的利器.有了Texture和Framebuffer就可以实现体渲染(Volume Rendering)等效果.现在到了对Texture和Framebuffer的创建.修改.使用进行封装的时候. +BIT祝威+悄悄在此

CSharpGL(28)得到高精度可定制字形贴图的极简方法 回顾 以前我用SharpFont实现了解析TTF文件从而获取字形贴图的功能,并最终实现了用OpenGL渲染文字. 使用SharpFont,美中不足的是: SharpFont太大了,有上千行代码,且逻辑复杂难懂. SharpFont画出的字形精度有限,虽然也很高,但是确实有限.用OpenGL渲染出来后会发现边缘不是特别清晰. SharpFont对加粗.斜体.下划线.删除线如何支持,能否支持?完全不知道. Graphics+Font 最近我

CSharpGL(27)讲讲清楚OpenGL坐标变换 在理解OpenGL的坐标变换问题的路上,有好几个难点和易错点.且OpenGL秉持着程序难以调试.难点互相纠缠的特色,更让人迷惑.本文依序整理出关于OpenGL坐标变换的各个知识点.隐藏规则.诀窍和注意事项. +BIT祝威+悄悄在此留下版了个权的信息说: Matrix OpenGL用4x4矩阵进行坐标变换. OpenGL的4x4矩阵是按列排列的. 忘记glRotatef(),glScalef(),glTranslatef()什么的吧,那都属于l

CSharpGL(26)在opengl中实现控件布局/渲染文字 效果图 如图所示,可以将文字.坐标轴固定在窗口的一角. 下载 CSharpGL已在GitHub开源,欢迎对OpenGL有兴趣的同学加入(https://github.com/bitzhuwei/CSharpGL) UI控件布局关键点 ILayout 类似Winform控件那样,控件的位置.大小由其Anchor等属性决定.窗口大小改变时,控件的位置.大小会随之改变. 所以模仿Control类,直接使用Anchor作为UIRendere

CSharpGL(25)一个用raycast实现体渲染VolumeRender的例子 本文涉及的VolumeRendering相关的C#代码是从(https://github.com/toolchainX/Volume_Rendering_Using_GLSL)的C++代码转换来的. 效果图 下载 CSharpGL已在GitHub开源,欢迎对OpenGL有兴趣的同学加入(https://github.com/bitzhuwei/CSharpGL) 实现思路 raycast 用一个3D纹理存储整个

CSharpGL(24)用ComputeShader实现一个简单的图像边缘检测功能 效果图 这是红宝书里的例子,在这个例子中,下述功能全部登场,因此这个例子可作为使用Compute Shader的典型示例. ★用imageLoad从纹理中读取数据.★ ★用imageStore将数据写入纹理.★ ★用vertex/fragment shader显示出compute shader的计算结果.★ 下面是3个测试用例. 下载 CSharpGL已在GitHub开源,欢迎对OpenGL有兴趣的同学加入(ht

CSharpGL(23)用ComputeShader实现一个简单的ParticleSimulator 我还没有用过Compute Shader,所以现在把红宝书里的例子拿来了,加入CSharpGL中. 效果图 如下图所示. 或者看视频演示. 下面是红宝书原版的代码效果. 下载 CSharpGL已在GitHub开源,欢迎对OpenGL有兴趣的同学加入(https://github.com/bitzhuwei/CSharpGL) Compute Shader Compute Shader的运行与Ve

+BIT祝威+悄悄在此留下版了个权的信息说: CSharpGL(22)实现顺序无关的半透明渲染(Order-Independent-Transparency) 在 GL.Enable(GL_BLEND); 后渲染半透明物体时,由于顶点被渲染的顺序固定,渲染出来的结果往往很奇怪.红宝书里提到一个OIT(Order-Independent-Transparency)的渲染方法,很好的解决了这个问题.这个功能太有用了.于是我把这个方法加入CSharpGL中. +BIT祝威+悄悄在此留下版了个权的信息说

CSharpGL(21)用鼠标拾取.拖拽VBO图元内的点.线或本身 效果图 以最常见的三角形网格(用GL_TRIANGLES方式进行渲染)为例. 在拾取模式为GeometryType.Point时,你可以拾取单个的顶点. 在拾取模式为GeometryType.Line时,你可以拾取任意一个三角形里的任意一条线.即同时拾取此线段的两个顶点. 在拾取模式为GeometryType.Triangle时,你可以拾取任意一个三角形.即同时拾取此三角形的三个顶点. 实际上,CSharpGL实现了在所有渲染模