Framebuffer objects part 2 - ProgrammingTIL #148 WebGL tutorial video screencast 0091

Показать описание

In this episode, I discuss how to use the FBO from the last episode in order to draw out the current screen as a texture on an object.

Concepts:
#### Framebuffers
* Use a framebuffer to perform different types of processing before displaying content.
* Use a framebuffer as a texture image.
* "Offscreen drawing"
* FBO (Framebuffer Objects) have attachments (color, depth, stencil), like the depth and stencil buffers.

#### RenderBuffers
* general purpose drawing area

#### 8 steps
* create FBO
* create texture object
* create render object
* bind render object to the target and set size
* attach texture object to color attachment of FBO
* attach render object to the depth attachment of FBO
* check status of FBO
* draw frame using FBO

Current Schedule during sabbatical:
Monday / Thursday - WebGL

Resources:

Рекомендации по теме

Комментарии

Hello there and thank you so much for this video!! I've been looking through tutorials, books and posts all over the web, yet none have been as helpful as these two videos!

Would you be able to help me? I'm stuck trying to figure out how to pass the framebuffer to a second shader for filtering. Any help would be greatly appreciated. Thanks again!

Shiruken

hi parker, you are doing good work.
i just want to know how the cube is reflecting like a mirror ?

ajaykumar-qwqr

Framebuffer objects part 2 - ProgrammingTIL #148 WebGL tutorial video screencast 0091

Framebuffer objects part 2 - ProgrammingTIL #148 WebGL tutorial video screencast 0091

WebGL 2: Framebuffer Objects (The Basics)

WebGL 2: Framebuffer Objects (The gnarly details)

WebGL 2: Object Picking (framebuffer object technique 2)

Computergrafik 2 - Vorlesung 3 - Framebuffer

OpenGL Water Tutorial 2: Frame Buffer Objects

WebGL 2: Attributes (Part 2)

WebGL 2: Deferred rendering (framebuffer object technique 1)

WebGL 2: Variable Gaussian blur (framebuffer object Technique 3)

OpenGL Tutorial 18 - Framebuffer & Post-processing

Framebuffers in Computer Graphics Simplified

WebGL 2: Uniform Buffer Objects

0 to Kernel - 2nd stage bootloader (Part 3 - Printing to framebuffer)

Multiple Render Targets and Framebuffer Refactor // Game Engine series

WebGL2: Multisample anti-aliasing (framebuffer object technique 4)

Python OpenGL and PyOpenGL - s02e16 - framebuffer objects p2

WebGL 2: Objects, Targets & Binding

OpenTK Basics Part 2: Creating a Vertex Buffer Object

[SWTT] WebGL 1.0 Tutorial 13 - Framebuffer

Mirror Simulator - Using Frame Buffer Objects and multiple Cameras

OpenGL - Framebuffer Objects

Framebuffers | Game Engine series

Frame Buffer Texture

WebGL 2: Visualizing Projection (Camera Part 2)