Post-Processing

Bloom

Bloom creates a glowing effect around bright areas of the image, simulating how bright lights appear to "bleed" in camera lenses and the human eye. This effect adds a dreamy, ethereal quality to highlights.

Example Configuration

bloom.json

{
  "effect": {
    "postProcesses": [
      {
        "id": "pp_bloom",
        "type": "bloom",
        "enabled": true,
        "settings": {
          "intensity": 0.5,
          "radius": 0.5,
          "threshold": 0.5
        }
      }
    ]
  }
}

Settings

Property	Type	Range	Default	Description
`intensity`	number	0-3	0.5	Strength of the bloom glow
`radius`	number	0-1	0.5	Size of the bloom blur (normalized)
`threshold`	number	0-1	0.5	Luminance threshold for bloom effect

How It Works

The bloom effect extracts bright areas from the image and applies a blur to create a glowing halo around highlights.

Pixels brighter than the threshold are extracted
These bright pixels are blurred based on the radius
The blurred highlights are added back to the original image
Intensity controls how much of the blur is added

Suggested Presets

Style	Settings
Subtle Glow	intensity: 0.3, threshold: 0.7, radius: 0.3
Dreamy	intensity: 0.6, threshold: 0.5, radius: 0.6
Sci-Fi	intensity: 1.2, threshold: 0.4, radius: 0.8
Neon	intensity: 2.0, threshold: 0.3, radius: 0.5

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": "bloom",
          "enabled": true,
          "settings": {
            "intensity": 0.7,
            "threshold": 0.6,
            "radius": 0.5
          }
        }
      ]
    }
  },
  "format": "png",
  "width": 1920,
  "height": 1080
}

Tips

Lower threshold affects more of the image (more areas glow)
Works especially well with neon colors and bright text
Combine with ASCII effects for glowing terminal aesthetics
Use subtle bloom (intensity 0.2-0.5) to add polish without being obvious
Higher radius creates softer, more diffused glow
Intensity above 1.0 creates very dramatic, stylized looks