文章出處
文章列表
CSharpGL(42)借助幀緩存實現渲染到紋理(RenderToTexture)
渲染到紋理(Render To Texture)是實現很多OpenGL高級效果的一個基礎。本文記錄了如何用CSharpGL實現RTT。
下載
CSharpGL已在GitHub開源,歡迎對OpenGL有興趣的同學加入(https://github.com/bitzhuwei/CSharpGL)
開始
如圖所示,我們把teapot貼到一個矩形上了。這是借助RTT實現的。
RTT步驟如下:
- 創建Framebuffer,這Framebuffer里包含一個Texture,這個Texture就是RTT里的Texture。
- 綁定Framebuffer,然后正常渲染,然后解綁Framebuffer。(RTT結束)
- 此時Framebuffer里包含的Texture已經有了想要的內容,我們可以像使用其他普通Texture一樣使用此Texture。
創建Framebuffer
Framebuffer里包含若干renderbuffer和一個depthbuffer,就像VertexArrayObject里包含若干VertexBuffer和一個IndexBuffer。
創建Framebuffer過程概括如下:
1 private Framebuffer CreateFramebuffer(int width, int height) 2 { 3 var texture = new Texture(TextureTarget.Texture2D, 4 new NullImageFiller(width, height, GL.GL_RGBA, GL.GL_RGBA, GL.GL_UNSIGNED_BYTE), 5 new SamplerParameters( 6 TextureWrapping.Repeat, 7 TextureWrapping.Repeat, 8 TextureWrapping.Repeat, 9 TextureFilter.Linear, 10 TextureFilter.Linear)); 11 texture.Initialize(); 12 this.BindingTexture = texture; 13 Renderbuffer colorBuffer = Renderbuffer.CreateColorbuffer(width, height, GL.GL_RGBA); 14 Renderbuffer depthBuffer = Renderbuffer.CreateDepthbuffer(width, height, DepthComponentType.DepthComponent24); 15 var framebuffer = new Framebuffer(); 16 framebuffer.Bind(); 17 framebuffer.Attach(colorBuffer);//0 18 framebuffer.Attach(texture);//1 19 framebuffer.Attach(depthBuffer);// special 20 framebuffer.SetDrawBuffers(GL.GL_COLOR_ATTACHMENT0 + 1);// as in 1 in framebuffer.Attach(texture);//1 21 framebuffer.CheckCompleteness(); 22 framebuffer.Unbind(); 23 return framebuffer; 24 }
使用Framebuffer
創建Framebuffer后,先綁定Framebuffer,再像平時一樣渲染,再解綁Framebuffer。
1 public void RenderBeforeChildren(RenderEventArgs arg) 2 { 3 if (this.Width <= 0 || this.Height <= 0) { return; } 4 5 var viewport = new int[4]; 6 GL.Instance.GetIntegerv((uint)GetTarget.Viewport, viewport); 7 8 this.framebuffer = this.helper.GetFramebuffer(this.Width, this.Height); 9 framebuffer.Bind(); 10 GL.Instance.Viewport(0, 0, this.Width, this.Height); 11 { 12 int[] value = new int[4]; 13 GL.Instance.GetIntegerv((uint)GetTarget.ColorClearValue, value); 14 { 15 vec3 color = this.BackgroundColor.ToVec3(); 16 GL.Instance.ClearColor(color.x, color.y, color.z, 0.0f); // 0.0f for alpha channel, in case that transparent background is needed. 17 GL.Instance.Clear(GL.GL_COLOR_BUFFER_BIT | GL.GL_DEPTH_BUFFER_BIT | GL.GL_STENCIL_BUFFER_BIT); 18 } 19 { 20 var args = new RenderEventArgs(this.Camera); 21 foreach (var item in this.Children) 22 { 23 RenderAction.Render(item, args); 24 } 25 } 26 { 27 GL.Instance.ClearColor(value[0], value[1], value[2], value[3]);// recover clear color. 28 } 29 } 30 GL.Instance.Viewport(viewport[0], viewport[1], viewport[2], viewport[3]);// recover viewport. 31 this.framebuffer.Unbind(); 32 }
使用RTT
此時Framebuffer里包含的Texture已經有了想要的內容,我們可以像使用其他普通Texture一樣使用此Texture。例如本文開始處將Texture貼到一個矩形上。
當然也可以結合Billboard的需求,把Texture貼到Billboard上。
總結
最近幾個月我在嘗試修整CSharpGL,感覺好多了。
文章列表
全站熱搜