Post-Processing

RGB Glitch

RGB Glitch creates animated color channel separation effects, simulating digital signal corruption or VHS tracking errors. The channels shift and separate randomly.

Example Configuration

rgb-glitch.json

{
  "effect": {
    "postProcesses": [
      {
        "id": "pp_rgb_glitch",
        "type": "rgb-glitch",
        "enabled": true,
        "settings": {
          "intensity": 0.05,
          "frequency": 1
        }
      }
    ]
  }
}

Settings

Property	Type	Range	Default	Description
`intensity`	number	0-1	0.05	Glitch intensity/strength
`frequency`	number	0-5	1	How often glitches occur

Suggested Presets

Style	Settings
Subtle Glitch	intensity: 0.02, frequency: 0.5
VHS Tracking	intensity: 0.05, frequency: 1
Digital Corruption	intensity: 0.1, frequency: 2
Heavy Glitch	intensity: 0.5, frequency: 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": "rgb-glitch",
          "enabled": true,
          "settings": {
            "intensity": 0.1,
            "frequency": 2
          }
        }
      ]
    }
  },
  "format": "png",
  "width": 1920,
  "height": 1080
}

Tips

Combine with chromatic aberration for enhanced effect
Lower frequency creates more intermittent glitches
Works great with scanlines for VHS aesthetic
Use with noise for complete digital corruption look
High intensity values create dramatic, stylized effects