上面说了，FBO可用于离屏渲染，下面就来看看如何通过FBO将画面渲染到一个“后台”的纹理中。 这里的后台，指不用于显示到窗口的纹理。 三、如何使用FBO 1....首先，生成一个纹理ID，并绑定到OpenGL中。 其次，给这个纹理ID生成对应的纹理。...还有一点要注意的是，这里将纹理坐标 mVertexCoors 做了上下颠倒（其实就是恢复为OpenGL默认的坐标），这样渲染到FBO绑定的纹理上后，在片元着色器里面才能正常取色。...激活和更新视频原来的纹理 注意，这里是激活原来的渲染视频的纹理 iv. 渲染绘制 也就是说，在绑定了FBO以后，按照正常的渲染流程，就可以将画面渲染到FBO上了。 v....解除FBO绑定，将窗口大小、纹理坐标、矩阵都恢复回原来的配置。 将渲染重新切换到原来的系统窗口上，画面将重新显示到系统窗口上。
该纹理会默认绑定到OpenGL Context的GL_TEXTURE_EXTERNAL_OES纹理目标对象中。...所以，即使在片段着色器中计算出来了一个像素输出的颜色，在渲染多个三角形的时候最后的像素颜色也可能完全不同。此阶段涉及到深度和模板缓冲区以及OpenGL颜色混合，细说起来又可以写一篇文章了。...纹理参数传递时，需要先绑定某个纹理单元，将纹理输入绑定到纹理单元的目标对象上，然后调用glUniform1i设置其参数为该纹理单元。 至此，我们的着色器程序已准备好，所有参数也已设置完毕。...下面我们来看看如何生成一个中间FBO并绑定到一个纹理图像，这样第一个着色器程序的输出并不直接渲染到屏幕，而是渲染到此FBO绑定的纹理上，然后此纹理再作为灰度图着色器程序的输入，最终渲染到屏幕FBO上。...生成FBO并将其绑定到一个纹理的代码如下： ? 经过上面的代码后，着色器程序的渲染输出都会定位到新生成的FBO上。
也就是说，你可以把你想渲染的东西渲染到你生成的 FBO 里，而不是直接渲染到屏幕上。上面说的默认帧缓冲区关联的一系列其他缓冲区，FBO 也是可以有的，只是需要我们自己去创建、设置和绑定。...除了图像以外，纹理也可以被用来储存大量的数据，这些数据可以发送到着色器上进行计算和处理。...1）使用纹理附件 当把一个纹理（Texture）附加到 FBO 上的时候，所有渲染命令会写入到纹理上，就像它是一个普通的颜色/深度或者模板缓冲一样。...使用纹理的好处是，所有渲染操作的结果都会被储存为一个纹理图像，这样我们就可以简单的在着色器中使用了。...传入 NULL 作为纹理的 data 参数，不填充数据，填充纹理数据会在渲染到 FBO 时去做。
利用 MRT 技术，片段着色器可以输出多个颜色，可以用于保存 RGBA 颜色、 法线、 深度信息或者纹理坐标，每个颜色连接一个颜色缓冲区。...FBO 帧缓冲区对象 FBO 本身不能用于渲染，只有添加了纹理或者渲染缓冲区之后才能作为渲染目标，它提供了 3 种附着（Attachment），分别是颜色附着、深度附着和模板附着。...本文为演示 MRT 技术的使用，为 FBO 的颜色附着设置 4 个纹理，一个纹理作为一个颜色附着（颜色缓冲区）。...，其中直接渲染原图到第一个纹理，分别渲染 RGB 三个通道的图像到另外三个纹理，然后再利用另外一个着色器将 4 个纹理的结果渲染到屏幕上。...id ，然后绑定我们新创建的 FBO 渲染，渲染完成再绑定默认帧缓冲区对象，使用另外一个着色器程序渲染四张纹理图。
利用 MRT 技术，片段着色器可以输出多个颜色，可以用于保存 RGBA 颜色、 法线、 深度信息或者纹理坐标，每个颜色连接一个颜色缓冲区。...FBO 本身不能用于渲染，只有添加了纹理或者渲染缓冲区之后才能作为渲染目标，它提供了 3 种附着（Attachment），分别是颜色附着、深度附着和模板附着。...本文为演示 MRT 技术的使用，为 FBO 的颜色附着设置 4 个纹理，一个纹理作为一个颜色附着（颜色缓冲区）。...，其中直接渲染原图到第一个纹理，分别渲染 RGB 三个通道的图像到另外三个纹理，然后再利用另外一个着色器将 4 个纹理的结果渲染到屏幕上。...id ，然后绑定我们新创建的 FBO 渲染，渲染完成再绑定默认帧缓冲区对象，使用另外一个着色器程序渲染四张纹理图。
引言 在上一章节讲解FBO时，使用纹理来存储颜色缓存附件、深度缓存附件、模板缓存附件，但纹理并不是唯一的选择。...尤其是针对深度缓存附件、模板缓存附件这类不需要在着色器中读取的缓存数据，OpenGL 还提供了另一种更加高效的缓存区附件——渲染缓冲对象（Renderbuffer Object, RBO）附件，用于存储渲染结果...而深度缓冲区和模板缓冲区这类不需要在后续的着色器阶段中被读取和处理的数据，正是RBO的绝佳应用场景。 由于RBO不能被直接读取，所以无法像操作纹理一样从 RBO 中直接获取(采样)数据。...相关接口 RBO的相关接口涉及到其创建、绑定、分配存储空间、附加到FBO等操作，下面是相关接口的详细说明： // 创建渲染缓冲对象 // n: 要创建的 RBO 数量 // renderbuffers...然后，我们将这个 RBO 附加到帧缓冲对象的深度-模板附件上。 4. 总结 本文在前一章节（帧缓冲）的基础上，介绍了渲染缓冲对象，并通过对比渲染缓冲对象附件和纹理附件，详细说明了它们的区别和适用场景。
当数据加载到 UBO ，那么这些数据将存储在 UBO 上，而不再交给着色器程序，所以它们不会占用着色器程序自身的 uniform 存储空间，UBO 是一种新的从内存到显存的数据传递方式，另外 UBO 一般需要与...FBO 本身不能用于渲染，只有添加了纹理或者渲染缓冲区之后才能作为渲染目标，它仅且提供了 3 个附着（Attachment），分别是颜色附着、深度附着和模板附着。...渲染缓冲区可以用于分配和存储颜色、深度或者模板值，可以用作 FBO 中的颜色、深度或者模板附着。...生成一个 TBO 的方式跟 VBO 类似，只需要绑定到 GL_TEXTURE_BUFFER ，而生成缓冲区纹理的方式与普通的 2D 纹理一样。...，只不过需要使用 glTexBuffer 绑定 TBO 到缓冲区纹理。
frameBuffer：framebuffer对象(通常称为FBO)是颜色、深度和模板缓冲区连接点的集合;描述附加到FBO的颜色、深度和模板缓冲区的大小和格式等属性的状态;以及附加到FBO的纹理和renderbuffer...类似地，各种包含深度值的2D图像可以附加到FBO的深度附着点。这些可以包括一个renderbuffer，一个二维纹理的mip级，或者一个存储深度值的cubemap面。...(Fragment Shader) 片元着色器就是把顶点着色器的数据处理成实际屏幕坐标上的像素颜色 片元着色器的功能如下： 1.计算颜色 2.获取纹理值 3.往像素点中填充颜色值(纹理值/颜色值...2).Vertex Shader 顶点着色器通过矩阵变换位置、计算照明公式来生成逐顶点颜色已经生成或变换纹理坐标等基于顶点的操作。...在光栅化阶段，基本图元被转换为二维的片元(fragment)，fragment 表示可以被渲染到屏幕上的像素，它包含位置，颜色，纹理坐标等信息，这些值是由图元的顶点信息进行插值计算得到的。
+GLSurefaceView，采集到OES纹理，使用FBO复制成Texture2D纹理离屏渲染，将纹理ID交给TRTCSDK编码传输。...，确定好顶点位置和图形颜色，将顶点和颜色数据转换为OpenGl使用的数据格式 加载顶点着色器和片段着色器用来修改图形的颜色，纹理，坐标等属性 创建程式(Program),连接顶点着色器片段着色器。...中 ScreenFilter：负责将图像绘制到屏幕上（加完滤镜美颜等效果，也是用这个类进行展示的） CameraFilter的顶点着色器。...OpenGL默认情况下，在GLSurfaceView中绘制的结果是显示到屏幕上的，但是实际情况中大部分时候都不需要渲染到屏幕中去，这个FBO就是来实现这个需求的，FBO可以让不渲染到屏幕当中去，而是渲染到离屏的...FBO上操作 GLES20.glBindFramebuffer(GLES20.GL_FRAMEBUFFER, mFrameBuffers[0]); //将fbo绑定到2d的纹理上 GLES20.glFramebufferTexture2D
FBO 实际上是由颜色附件、深度附件、模板附件组成的，作为着色器各方面（一般包括颜色、深度、深度值）绘制结果存储的逻辑对象。..., // 作为颜色附件 5 GLES20.GL_TEXTURE_2D, 6 fboTextureId, 7 0); 通过 glFramebufferTexture2D 函数可以将纹理绑定到...如果是使用 OpenGL 3.x 版本，在绑定 FBO 时，还可以选择是绑定只读还是只写的 FBO。...绑定渲染缓冲 除了纹理之外，还可以绑定到渲染缓冲。...1// 加载纹理 2int textureId = TextureHelper.loadTexture(context, R.drawable.lgq); 3// 将纹理绘制到 FBO 上 4mTextureRect.drawSelf
void main() {\n' + ' gl_FragColor = v_Color;\n' + //将深度保存在FBO中 '}\n'; 可以看到这段着色器程序与绘制在颜色缓冲区的着色器没有区别...注意这里关于纹理坐标的计算，在《WebGL简易教程(五)：图形变换(模型、视图、投影变换)》这篇教程中曾经提到过，在经过顶点着色器之后，顶点坐标会归一化到-1到1之间；而纹理坐标是在0到1之间的，所以这里需要坐标变换一下...将纹理对象关联到帧缓冲区对象(gl.bindFramebuffer(), gl.framebufferTexture2D) 仍然是先将帧缓冲绑定到目标上，使用函数gl.bindFramebuffer()...使用绑定的目标，将创建的纹理对象指定为帧缓冲区的颜色关联对象；函数gl.framebufferTexture2D()的定义如下： ?...将渲染缓冲区对象关联到帧缓冲区对象(gl.framebufferRenderbuffer()) 使用gl.framebufferRenderbuffer()函数将渲染缓冲区对象关联到帧缓冲区的深度关联对象
+GLSurefaceView，采集到OES纹理，使用FBO复制成Texture2D纹理离屏渲染，将纹理ID交给TRTCSDK编码传输。...) 创建图形类，确定好顶点位置和图形颜色，将顶点和颜色数据转换为OpenGl使用的数据格式 加载顶点着色器和片段着色器用来修改图形的颜色，纹理，坐标等属性 创建程式(Program),连接顶点着色器片段着色器...中 ScreenFilter：负责将图像绘制到屏幕上（加完滤镜美颜等效果，也是用这个类进行展示的） CameraFilter的顶点着色器。...OpenGL默认情况下，在GLSurfaceView中绘制的结果是显示到屏幕上的，但是实际情况中大部分时候都不需要渲染到屏幕中去，这个FBO就是来实现这个需求的，FBO可以让不渲染到屏幕当中去，而是渲染到离屏的...在FBO上操作 GLES20.glBindFramebuffer(GLES20.GL_FRAMEBUFFER, mFrameBuffers[0]); //将fbo绑定到2d的纹理上 GLES20.glFramebufferTexture2D
博主作为OpenGL新手，最近要用OpenGL进行并行的数据计算，突然发现这样的资料还是很少的，大部分资料和参考书都是讲用OpenGL进行渲染的。...OpenGL用来进行通用数据计算的流程如下图，数据从CPU（应用程序）中通过“用绘制来调用”发送到纹理缓存，以纹理映射的方式给到着色器，最后经过片段着色器的计算（GLSL语言）后，再将结果输出到纹理缓存...); 54 glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST); 55 //将纹理关联到FBO 56...其实最好设置两个纹理缓存对象，一个用于输入，一个用于输出，把输出的纹理缓存绑定的FBO（帧缓冲对象）。用GLSL语言在着色器中写出需要进行计算的算法就可以实现通用数据的处理了。...对了，渲染的窗口还是要建立的，这样OpenGL以为它是在进行渲染到屏幕的操作，其实我们通过帧缓冲和纹理缓冲实现的是通用数据计算的过程。 今天就到这里，我继续去看书了，每天进步一点点点点。
OpenGL图形渲染管线的流程如右图，图形渲染管线的作用是将3D坐标转换为2D坐标（OpenGL中任何事物都是在3D空间中），将2D坐标转换为实际有颜色的屏幕像素点。...几何着色器(Geometry Shader) 将图元的一系列顶点集作为输入，可以通过产生新顶点构造出新的图元来生成其他形状，相当于对图元再加工。...片段着色器(Fragment Shader) 计算一个像素的最终颜色，通俗来说就是上色，这也是所有OpenGL高级效果产生的地方，比如光照、阴影、颜色等等。...FBO 帧缓冲对象(Frame Buffer Object)，OpenGL渲染操作的输出目的地，FBO可以创建多个，ID为0的FBO会立即显示在屏幕上。...纹理(texture) 纹理是一个2D图片（也有1D和3D的纹理），它可以用来添加物体的细节。
// 4、申请并绑定帧缓冲区对象 FBO。FBO 本身不能用于渲染，只有绑定了纹理（Texture）或者渲染缓冲区（RBO）等作为附件之后才能作为渲染目标。...glBindFramebuffer(GL_FRAMEBUFFER, _frameBuffer); // 绑定 FBO 到 OpenGL 渲染管线。...// 将 RBO 绑定为 FBO 的一个附件，绑定后，OpenGL 对 FBO 的绘制会同步到 RBO 后再上屏。...：包括顶点坐标和颜色维度； 2）设定 layer 的类型； 3）创建 OpenGL 上下文； 4）申请并绑定渲染缓冲区对象 RBO 用来存储即将绘制到屏幕上的图像数据； 5）申请并绑定帧缓冲区对象 FBO...； 需要注意，FBO 本身不能用于渲染，只有绑定了纹理（Texture）或者渲染缓冲区（RBO）等作为附件之后才能作为渲染目标。
渲染缓冲区可以用于分配和存储颜色、深度或者模板值，可以用作 FBO 中的颜色、深度或者模板附着。...帧缓冲区对象，渲染缓冲区对象和纹理 为什么用 FBO 默认情况下，OpenGL ES 通过绘制到窗口系统提供的帧缓冲区，然后将帧缓冲区的对应区域复制到纹理来实现渲染到纹理，但是此方法只有在纹理尺寸小于或等于帧缓冲区尺寸才有效...另一种方式是通过使用连接到纹理的 pbuffer 来实现渲染到纹理，但是与上下文和窗口系统提供的可绘制表面切换开销也很大。因此，引入了帧缓冲区对象 FBO 来解决这个问题。...使用 FBO 可以让渲染操作不用再渲染到屏幕上，而是渲染到离屏 Buffer 中，然后可以使用 glReadPixels 或者 HardwareBuffer 将渲染后的图像数据读出来，从而实现在后台利用...// 我们再拿 FBO 纹理 m_FboTextureId 做一次普通渲染便可将之前离屏渲染的结果绘制到屏幕上。
__Vertex Shader （顶点着色器） : __ 处理顶点相关的数据，包括顶点在屏幕的位置（矩阵变换），顶点处的光照计算，纹理坐标等。 顶点着色器的信号图： ?...作用是，将基本图元（点、线、三角形）转换成二维的片元（Fragment, 包含二维坐标、颜色值、纹理坐标等等属性）, 像素化基本图元使其可以在屏幕上进行绘制（显示）。 6....( 模版测试 )： 将模版缓存中的值与一个参考值进行比较，从而进行相应的处理； Depth Test ( 深度测试 ) ： 比较下一个片段与帧缓冲区中的片段的深度，从而决定哪一个像素在前面，哪一个像素被遮挡...简称 FBO , Frame Buffer Object； b. 是颜色、深度、模板缓存装载在 FBO 上所有装载点的合集； c. 描述颜色、深度、模板的大小和类型的属性状态； d....； 创建 off-screen 的颜色、深度、模板渲染缓存和纹理需要装载在 FBO 上； 通过多个 FBO 来共享颜色、深度、模板缓存； 正确地装载纹理的颜色或深度到 FBO 中，避免复制操作； 10.
云服务器
ICP备案
实时音视频
即时通信 IM
云直播
