Post-Processing

Jitter

Jitter creates random pixel displacement effects, simulating camera shake, signal interference, or unstable video playback.

Example Configuration

jitter.json

{
  "effect": {
    "postProcesses": [
      {
        "id": "pp_jitter",
        "type": "jitter",
        "enabled": true,
        "settings": {
          "intensity": 0.2,
          "speed": 1
        }
      }
    ]
  }
}

Settings

Property	Type	Range	Default	Description
`intensity`	number	0-1	0.2	Displacement amount
`speed`	number	0-5	1	Animation speed (0 = static)

Suggested Presets

Style	Settings
Subtle Shake	intensity: 0.05, speed: 1
VHS Wobble	intensity: 0.15, speed: 2
Signal Loss	intensity: 0.3, speed: 3
Earthquake	intensity: 0.5, speed: 4

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": "jitter",
          "enabled": true,
          "settings": {
            "intensity": 0.1,
            "speed": 2
          }
        }
      ]
    }
  },
  "format": "png",
  "width": 1920,
  "height": 1080
}

Tips

Combine with RGB glitch for digital corruption look
Low intensity creates subtle instability effect
Works well with scanlines for VHS aesthetic
Set speed to 0 for static displacement
High speed creates frantic, chaotic movement