Post-Processing

Noise

Noise adds random pixel-level distortion to the image, simulating digital interference, static, or lo-fi video artifacts. Unlike grain, noise is more uniform and digital-looking.

Example Configuration

noise.json

{
  "effect": {
    "postProcesses": [
      {
        "id": "pp_noise",
        "type": "noise",
        "enabled": true,
        "settings": {
          "intensity": 0.2,
          "scale": 1,
          "speed": 1,
          "colored": false
        }
      }
    ]
  }
}

Settings

Property	Type	Range	Default	Description
`intensity`	number	0-1	0.2	Amount of noise
`scale`	number	0.1-10	1	Noise pattern scale
`speed`	number	0-5	1	Animation speed (0 = static)
`colored`	boolean	-	false	Color noise vs grayscale

Suggested Presets

Style	Settings
Subtle Static	intensity: 0.1, scale: 1, colored: false
VHS Interference	intensity: 0.2, scale: 0.5, speed: 2, colored: true
Heavy Static	intensity: 0.4, scale: 1, speed: 3
Lo-Fi Digital	intensity: 0.15, scale: 2, colored: true

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": "noise",
          "enabled": true,
          "settings": {
            "intensity": 0.15,
            "colored": true
          }
        }
      ]
    }
  },
  "format": "png",
  "width": 1920,
  "height": 1080
}

Tips

Use grayscale noise for classic TV static
Colored noise works well for digital glitch effects
Combine with scanlines for terminal aesthetic
Lower scale creates finer, more uniform noise
Set speed to 0 for static image renders