Reference

Post-Processing

Post-processing effects are applied after the main render pass. They can be stacked and combined to create unique visual styles.

How It Works

Post-processing effects are applied in order from first to last. Each effect processes the output of the previous effect, allowing you to chain multiple effects together.

postprocess.json

{
  "effect": {
    "postProcesses": [
      {
        "id": "pp_1",
        "type": "scanlines",
        "enabled": true,
        "settings": {
          "intensity": 0.5,
          "count": 400
        }
      },
      {
        "id": "pp_2",
        "type": "vignette",
        "enabled": true,
        "settings": {
          "intensity": 0.3,
          "radius": 0.8
        }
      }
    ]
  }
}

Available Effects

Efecto provides 19 post-processing effects:

scanlines

Scanlines

CRT-style horizontal scan lines

vignette

Vignette

Darkened edges for cinematic look

chromatic-aberration

Chromatic Aberration

RGB color fringing at edges

curvature

Curvature

CRT monitor screen curvature

grain

Grain

Film grain noise overlay

noise

Noise

Random noise pattern

pixelate

Pixelate

Reduce resolution for pixel art look

wave

Wave

Sinusoidal wave distortion

rgb-glitch

RGB Glitch

Color channel displacement

brightness-contrast

Brightness/Contrast

Adjust brightness and contrast

color-tint

Color Tint

Apply color overlay

palette

Palette

Limit colors to a palette

jitter

Jitter

Random pixel displacement

bloom

Bloom

Glow effect on bright areas

dot-screen

Dot Screen

Halftone dot pattern overlay

sepia

Sepia

Vintage sepia tone

grid

Grid

Grid line overlay

light-beams

Light Beams

Volumetric light rays

motion-blur

Motion Blur

Directional blur effect

Common Properties

All post-processing effects share these properties:

Property	Type	Description
`id`	string	Unique identifier (e.g., "pp_1")
`type`	PostProcessType	Effect type identifier
`enabled`	boolean	Whether the effect is active
`settings`	object	Effect-specific settings (varies by type)

Stacking Order

Effects are applied in array order. For best results, consider this order:

Color adjustments - brightness, contrast, color tint, palette
Distortions - wave, pixelate
Glitch effects - rgb-glitch, jitter, chromatic aberration
Overlays - scanlines, grain, noise, grid
Final touches - vignette, bloom, sepia