Assignment 1

Framebuffers & Postprocessing

Requirements

The goal of this assignment is to strengthen your understanding of framebuffers by implementing the following post-processing effects.

1. A scene that contains, at minimum:
   • A 3D Model
2. Implement a method to create a custom framebuffer
   • Framebuffer must contain at least one color buffer and one depth buffer.
   • Depth buffer can either be a texture2D or rbo. If sampling depth buffer for your effect, use a texture2D. If not, use a renderbuffer object.
3. Scene must be rendered to framebuffer
4. Render the framebuffer to the screen as a fullscreen quad or triangle, and apply a post process effect in the fragment shader.
5. Post process effect must include ImGUI controls for all relevant properties (enabled/disabled, intensity, etc)
6. Some possible effects:
   • Box Blur
   • Gaussian Blur
   • Sharpen
   • Edge Detection
   • HDR Tone Mapping
   • Gamma Correction
   • Chromatic Aberration
   • Vignette
   • Lens Distortion
   • Film grain
   • Screen-space Fog (requires reading from depth buffer)
7. Use version control best practices - descriptive commit messages, frequent commits, no extraneous files.

Build off of the previous assignment to complete this one.

Instructions

1. Shader Setup:

   • Design a shader program that defines the visual transformation or manipulation you want to apply to the scene. This shader is responsible for determining the color of each pixel in the output.

2. Framebuffer Setup:

   • Set up a framebuffer object (FBO) to render the scene into a texture instead of the default frame buffer. This texture will serve as the input for the post-processing effect.

3. Render the Scene to the Framebuffer:

   • Render the entire scene to the framebuffer rather than the default frame buffer. This step is crucial for capturing the scene’s appearance as a texture.

4. Bind the Default Framebuffer:

   • Switch back to rendering to the default frame buffer for the final display.

5. Activate the Post-Processing Shader:

   • Use the fragment shader created as a post-processing shader. This shader reads the texture rendered to the framebuffer and applies the desired visual effect.

6. Render a Quad:

   • Render a fullscreen quad (two triangles forming a rectangle that covers the entire screen) using the post-processing shader. This quad will be textured with the result from the framebuffer, and the shader will apply the post-processing effect.

7. Display the Result:

   • Display the final result on the screen.

Supplementary Reading

• LearnOpenGL - Framebuffers