Post-Effect

Post-effect is a technique for adding visual effects to the final 2D image after the 3D scene rendering is complete. RedGPU's post-processing system provides a dualized interface for configuration convenience and execution efficiency.

1. System Structure: Control and Execution

Users control post-processing through two managers depending on their purpose, but the actual operations are executed sequentially within a single pipeline supervised by the PostEffectManager.

• ToneMappingManager (view.toneMappingManager): A dedicated window responsible for color transformation settings such as the basic hue, exposure, and contrast of the scene.
• PostEffectManager (view.postEffectManager): Responsible for adding or deleting general effects and the overall execution of the pipeline.

2. Rendering Pipeline Flow

All effects are processed in the following order. This sequence is fixed for graphics optimization and consistency of visual results.

1. Tone Mapping: The first gateway for converting HDR data to the display range.
2. General Effects: Effects added via addEffect() are executed sequentially, linked like a chain.
3. Screen Space Effects: High-performance built-in effects that utilize scene depth information, such as SSAO and SSR, are applied.
4. Antialiasing: The final correction stage for removing jagged edges.

[Live Demo]

Check out all effects in action in real-time on the RedGPU Official Examples Page.

3. Learning Guide

• General Effects: Adding various effects such as bloom, blur, and grayscale.
• Tone Mapping: Configuring basic scene color and exposure.
• Built-in Effects: Activating high-performance effects like SSAO and SSR.
• Text Field: Adding text UI to 3D space.