渲染到纹理(Render To Texture, RTT)详解

「爱情、让人受尽委屈。」 2022-07-14 13:09 391阅读 0赞

原文地址:[http://blog.csdn.net/kuangfengwu/article/details/7663206][http_blog.csdn.net_kuangfengwu_article_details_7663206]

RTT是现在很多特效里面都会用到的一项很基本的技术，实现起来很简单，也很重要。但是让人不解的是网上搜索了半天只找到很少的文章说这个事儿，不知道是因为太简单还是因为这项技术已经出现很长时间了。总之我是在摸索这个东西的时候绕了不少弯子。现在把具体的实现方法写下来。

# 什么是纹理 #

熟悉DX的兄弟们都知道什么叫纹理了，这里简单介绍一下，先看看现实生活中的例子吧，其实纹理的例子比比皆是，比如地板，墙面都是纹理。在图形学中，纹理主要是为了增强场景的真实感，如果你想绘制一个地面，简单一点可以直接使用一个矩形，稍微复杂一点可以用三角形网格，再复杂一点可以使用地面纹理，有了纹理以后真实感明显增强了。DX中的纹理映射其实就是对现实生活中纹理的模拟，D3D中有专门的[数据结构][Link 1]来管理纹理。

# 渲染到纹理 #

常规的渲染操作都是直接将场景呈现到backbuffer中的，backbuffer说白了其实就是一个表面，再说白了就是一块内存，场景通过绘制函数载入显存后，再通过Present函数送至显示器。那么为什么还要渲染到纹理呢？这是为了实现一些特殊的效果，比如常见的环境映射，简单的说，想象你有一个光滑的球体，它应该是可以反射周围环境的，这就是环境映射。

# 实现步骤 #

上面说了常规的渲染操作是将场景送至backbuffer，而backbuffer实际上是一个Surface，而纹理恰恰又包含了Surface，所以我们只需要取得纹理的Surface，其次将场景送至这个Surface，最后再把这个纹理渲染到backbuffer中即可。举个例子，假设你要在一面墙壁上画一幅画，你有两种方法

1 直接在墙上画，这个很好理解，就对应常规的backbuffer渲染。

2 先将画绘制在纸上，然后将纸贴到墙上，这就对应渲染到纹理的过程。

这里墙壁相当于backbuffer，而纸张相当于纹理的Surface，在纸上作画相当于渲染到纹理，把纸贴到墙上相当于把纹理渲染到backbuffer，希望大家没有迷糊就好。具体的步骤如下

1 创建纹理并获得纹理的表面（Surface）

2 向纹理的表面渲染场景

3 渲染纹理本身

# 代码 #

**1. 声明变量**

**\[html\]** [view plain][] [copy][view plain]

[print][view plain] [?][view plain]

1.  LPDIRECT3DTEXTURE9 pRenderTexture = NULL; // 目标纹理 
2.  
3.  PDIRECT3DSURFACE9 pRenderSurface = NULL,pBackBuffer = NULL, pTempSurface; 
4.  
5.  // pRenderSurface是pRenderTexture 对应的Surface 
6.  
7.  // pBackBuffer用于保存原来的Render Target

**2.创建一个纹理作为渲染目标(Render Target)**

**\[html\]** [view plain][] [copy][view plain]

[print][view plain] [?][view plain]

1.  //注意这里的第三个参数必须为D3DUSAGE\_RENDERTARGET 
2.  
3.   //第四个参数决定纹理的格式，不同的场景会要求不同的格式 
4.  
5.   pd3dDevice-**>**CreateTexture( TEX\_WIDTH,TEX\_HEIGHT,1,D3DUSAGE\_RENDERTARGET, 
6.   D3DFMT\_R5G6B5,D3DPOOL\_DEFAULT,&pRenderTexture,NULL); 
7.  
8.   //获得pRenderTexture对应的Surface 
9.   pRenderTexture-**>**GetSurfaceLevel(0,&pRenderSurface);

**3.渲染场景**

**\[html\]** [view plain][] [copy][view plain]

[print][view plain] [?][view plain]

1.  //这里保存下原来的Render target，在做完RTT后再恢复 
2.   pd3dDevice-**>**GetRenderTarget(0,&pBackBuffer); 
3.  
4.   if( SUCCEEDED( pd3dDevice-**>**BeginScene() ) ) 
5.   \{ 
6.   //设置我们的纹理为render target 
7.   pd3dDevice-**>**SetRenderTarget(0, pRenderSurface); 
8.   pd3dDevice-**>**Clear( 0, NULL, 
9.   D3DCLEAR\_TARGET | D3DCLEAR\_ZBUFFER, 
10.  D3DXCOLOR(0.0f,0.00f,0.00f,1.00f), 1.0f, 0); 
11. 
12. 
13.  //重新将render target设置为帧缓存 
14.  pd3dDevice-**>**SetRenderTarget(0, pBackBuffer); 
15. 
16.  pd3dDevice-**>**EndScene(); 
17.  pBackBuffer-**>**Release(); 
18.  \}

**4. 善后**

**\[html\]** [view plain][] [copy][view plain]

[print][view plain] [?][view plain]

1.  SAFE\_RELEASE(pRenderSurface); 
2.  SAFE\_RELEASE(pRenderTexture);

这里需要注意的几点：

*  
 *  渲染的时候要选择正确的纹理格式。如果你要在纹理里面保存高精度浮点数的话。通常所用的A8R8G8B8格式每一个颜色分量只有8位，只能表示0-255。详情可以参考DirectX SDK Help中关于D3DFORMAT的说明。
 *  如果你的纹理长宽比和帧缓存的不同的话，那么你需要在切换RenderTarget以后重新设置投影矩阵。否则渲染出来的图像会被拉伸。
 *  纹理的大小不能太大。经过试验发现是在窗口模式下面窗口和纹理的大小不能超过屏幕减去任务栏的大小。如果超过的话似乎对纹理的任何操作都不会有效果。(可能是深度缓存不够大,参考注意事项4)
 *  如果想要验证自己渲染出来的纹理是否正确，可以用D3DXSaveTextureToFile把纹理保存为图像。  
    
 *  如果想要直接访问纹理中的值则要麻烦一些。按照SDK文档里面的说法，作为RenderTarget的纹理是保存在显存上面的，无法lock与unlock。要向访问其中的值需要做如下操作：

**\[html\]** [view plain][] [copy][view plain]

[print][view plain] [?][view plain]

1.  LPDIRECT3DTEXTURE9 text; 
2.  LPDIRECT3DSURFACE9 surf; 
3.  D3DLOCKED\_RECT lockbits; 
4.  
5.  pd3dDevice-**>**CreateTexture(TEX\_WIDTH,TEX\_HEIGHT,1,0, 
6.   D3DFMT\_R5G6B5, D3DPOOL\_SYSTEMMEM, 
7.   &text, NULL); 
8.  
9.  text-**>**GetSurfaceLevel(0,&surf); 
10. 
11. if (pd3dDevice-**>**GetRenderTargetData(pRenderSurface, surf) == D3D\_OK) 
12.  if (surf-**>**LockRect(&lockbits, NULL, D3DLOCK\_READONLY) == D3D\_OK) 
13.  \{ 
14. 
15.  pRenderSurface-**>**UnlockRect(); 
16. 
17.  float\* bits=(float\*)(lockbits.pBits); 
18. 
19.  // SAVE BITS TO TEXT FILE 
20.  FILE\* ofile = fopen("output.txt", "w"); 
21. 
22.  for (int i=0; i**<****64**; i++) 
23.  \{ 
24.  for (int j=0; j**<****64**; j++) 
25.  fprintf(ofile, "(%2.2f,%2.2f,%2.2f) ", bits\[i\*64\*4+j\*4\], bits\[i\*64\*4+j\*4+1\], bits\[i\*64\*4+j\*4+2\]); 
26.  fprintf(ofile, "\\n"); 
27.  \} 
28. 
29.  fclose(ofile); 
30. 
31.  \} 
32. 
33. text-**>**Release(); 
34. 
35. surf-**>**Release();

这个技术可以用来在多通道渲染中传递渲染结果。比如可以把RTT出来的结果用来作为第二编渲染中的纹理来使用，这样可以实现水面反射等效果。另外在通用计算中可以用来保存数据。例如可以把GPU数值计算以后的结果保存在纹理中，再用上面所说的方法把数字读出来（如果真要这么做的话别忘了把纹理格式设置为足够大精度的格式，比如说A32B32G32R32F)。

注意事项

1. 设置一个RenderTarget会导致viewport变成跟RenderTarget一样大

2. 反锯齿类型必须跟DepthStencilBuffer一样

3. RenderTarget的类型必须跟DepthStencilBuffer的类型兼容, 可以用IDirect3D9::CheckDepthStencilMatch进行检测

4. DepthStencilBuffer的大小必须>=RenderTarget的大小

5. IDirect3DDevice9::SetRenderTarget的第0个不能为NULL

6. Usage为D3DUSAGE\_RENDERTARGET的Texture不能进行反锯齿, 而且Pool必须为D3DPOOL\_DEFAULT. 如果想利用RenderTarget做为纹理又想反锯齿, 可以先把场景渲染到一个CreateRenderTarget创建的Surface(或BackBuffer)上, 再用IDirect3DDevice9::StretchRect拷贝到纹理上

7. D3DX提供了一个ID3DXRenderToSurface, 简化了RenderTarget的使用. 注意它的BeginScene跟EndScene与再用IDirect3DDevice9的同名函数对不能嵌套, 因为实际上内部还是调用的IDirect3DDevice9的, 用PIX可以看到它进行了哪些调用. 还有就是这个接口仍然不能反锯齿, 而且每次都要保存/恢复一堆状态, 总觉得不爽

8. RTT不能既做为输入就做为输出目标, 某些显卡上可能只会给一个warning, 有些显卡上则会发生报错/黑屏/死机之类不可预计的事情...另外, Depth stencil texture(参见Hareware shadow map)也有同样的问题, 用完之后要SetTexture(n, NULL)清空, 不然A卡会黑屏/花屏/深度错误, 既使你没有使用, 只要它被寄存器引用了, 显卡还是会当做是正在使用的, 这时就不能做为depth stencil buffer

9. RTT如果想保存到文件中, 是不能直接SaveToTexture的. 需要创建一个OffscreenSurface, 拷贝过去, 再保存. 不过N卡好像不支持DXT1格式的OffscreenSurface, 可以创建Texture, 取其level0的surface代替.

10. N卡在开启了锯齿后冒似所有的RTT都要反锯齿, 不然深度[测试][Link 2]会失败-\_-

11. Intel的显卡在RTT没有设置DepthBuffer时可能所有绘制全部深度测试失败, 需要关闭深度测试再画.

12. SRGBWRITE不支持Float格式的RT

13. MRT时使用第一个RT的alpha来做alpha test

14. MRT不支持反锯齿, 必须相同bitdepth, 可以不同格式, 必须相同大小

[http://www.opengpu.org/forum.][http_www.opengpu.org_forum.][PHP][]?mod=viewthread&tid=445&highlight=%E6%B8%B2%E6%9F%93%E5%88%B0%E7%BA%B9%E7%90%86

[http://www.cnblogs.com/lancidie/archive/2011/03/16/1985992.html][http_www.cnblogs.com_lancidie_archive_2011_03_16_1985992.html]

[http_blog.csdn.net_kuangfengwu_article_details_7663206]: http://blog.csdn.net/kuangfengwu/article/details/7663206
[Link 1]: http://lib.csdn.net/base/datastructure
[view plain]: http://blog.csdn.net/kuangfengwu/article/details/7663206#
[Link 2]: http://lib.csdn.net/base/softwaretest
[http_www.opengpu.org_forum.]: http://www.opengpu.org/forum.php?mod=viewthread&tid=445&highlight=%E6%B8%B2%E6%9F%93%E5%88%B0%E7%BA%B9%E7%90%86
[PHP]: http://lib.csdn.net/base/php
[http_www.cnblogs.com_lancidie_archive_2011_03_16_1985992.html]: http://www.cnblogs.com/lancidie/archive/2011/03/16/1985992.html

发表评论取消回复

表情：

评论列表（有 0 条评论，391人围观）

还没有评论，来说两句吧...

相关阅读

相关渲染路径 - Deferred Texturing

Deferred Texturing forward rendering 将获取 material 相关属性的计算和 lighting 计算都放在光栅化 pass 的 p

àì夳堔傛蜴生んèń/ 2024年03月17日 19:48/ 0 赞/ 70 阅读

相关 OpenGL二维纹理映射(2D textures)

本文转载自：[https://blog.csdn.net/wangdingqiaoit/article/details/51457675][https_blog.csdn.ne

悠悠/ 2023年01月23日 14:48/ 0 赞/ 1 阅读

相关 DirectX-渲染到纹理

http://www.cnblogs.com/graphics/archive/2011/04/23/2024294.html http://www.cnblogs

亦凉/ 2022年08月21日 07:56/ 0 赞/ 205 阅读

相关 SDL2源代码分析4：纹理（SDL_Texture）

===================================================== SDL源代码分析系列文章列表： [SDL2源代码分析1：初

一时失言乱红尘/ 2022年08月20日 05:23/ 0 赞/ 260 阅读

相关 Vertex Texture Fetch 顶点纹理拾取

[« 水效果Ⅱ - 涟漪][_ -] [学一学，VBO »][VBO] Vertex Texture Fetch 顶点纹理拾取 2009-8-19 22:50:32

末蓝、/ 2022年08月18日 00:37/ 0 赞/ 184 阅读

相关渲染到纹理(Render To Texture, RTT)详解

原文地址:[http://blog.csdn.net/kuangfengwu/article/details/7663206][http_blog.csdn.net_kuang

「爱情、让人受尽委屈。」/ 2022年07月14日 13:09/ 0 赞/ 392 阅读

相关渲染树render tree

CSSOM树和DOM树连接在一起形成一个render tree，渲染树用来计算可见元素的布局并且作为将像素渲染到屏幕上的过程的输入。 DOM树和CSSOM树连接在一起形

「爱情、让人受尽委屈。」/ 2022年06月13日 13:38/ 0 赞/ 250 阅读

相关 [CUDA]纹理对象 Texture Object

纹理对象是CUDA针对纹理参考缺点而提出的升级版，其作用和纹理参考完全一致，但是使用方法更加灵活。与纹理参考相比，CUDA对其进行各方面的升级，一方面是可以再代码中申请和销毁，

╰+哭是因爲堅強的太久メ/ 2022年02月15日 03:35/ 1 赞/ 329 阅读

相关 vue渲染render

一、宏观上展现了Vue整体流程： ![vue-render-1.jpg][] Vue推荐在绝大多数情况下使用`template`来创建你的HTML。然而在一些场景中，

朱雀/ 2022年01月06日 08:17/ 0 赞/ 319 阅读

相关 LibGDX_3.1: 纹理（Texture）

本文链接: [http://blog.csdn.net/xietansheng/article/details/50186835][http_blog.csdn.net_xie

系统管理员/ 2021年09月22日 04:20/ 0 赞/ 302 阅读