filmov
tv
How to use framebuffers in WebGL part 1 - ProgrammingTIL #147 WebGL tutorial video screencast 0090
Показать описание
In this episode, I discuss how to setup a framebuffer object in order to use it to draw something off screen which will later be used to draw on screen.
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:
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: