Post-Processing

Brightness/Contrast

Brightness/Contrast provides fundamental color adjustments including brightness, contrast, hue shift, and saturation. These are essential for fine-tuning the final look of any composition.

Example Configuration

brightness-contrast.json

{
  "effect": {
    "postProcesses": [
      {
        "id": "pp_color",
        "type": "brightness-contrast",
        "enabled": true,
        "settings": {
          "brightness": 0,
          "contrast": 1,
          "hue": 0,
          "saturation": 1
        }
      }
    ]
  }
}

Settings

Property	Type	Range	Default	Description
`brightness`	number	-1 to 1	0	Brightness adjustment (-1 = dark, 1 = bright)
`contrast`	number	0-2	1	Contrast (0 = flat gray, 1 = normal, 2 = high)
`hue`	number	-0.5 to 0.5	0	Hue rotation (fraction of color wheel)
`saturation`	number	0-2	1	Saturation (0 = grayscale, 1 = normal, 2 = vivid)

Suggested Presets

Style	Settings
Punchy	brightness: 0.05, contrast: 1.2, saturation: 1.1
Muted	brightness: -0.05, contrast: 0.9, saturation: 0.8
High Contrast	brightness: 0, contrast: 1.5, saturation: 1
Desaturated	brightness: 0, contrast: 1, saturation: 0.3

API Usage

render-request.json

POST /api/v1/render
{
  "state": {
    "canvas": {
      "aspectRatio": "16:9",
      "backgroundColor": "#1a1a1a"
    },
    "layers": [...],
    "selectedLayerId": null,
    "effect": {
      "effectId": "ascii-standard",
      "enabled": true,
      "postProcesses": [
        {
          "id": "pp_1",
          "type": "brightness-contrast",
          "enabled": true,
          "settings": {
            "brightness": 0.1,
            "contrast": 1.2,
            "saturation": 1.1
          }
        }
      ]
    }
  },
  "format": "png",
  "width": 1920,
  "height": 1080
}

Tips

Apply early in the post-process chain for best results
Small adjustments (0.05-0.2) often have big impact
Use hue shift for creative color grading
Reduce saturation for vintage or film looks
Increase contrast to make effects more pronounced