Effects / Glitch

Glitch Digital

The Digital effect simulates digital video corruption, compression artifacts, and data errors. It creates block-based distortion, pixelation, and line tears that look like corrupted digital video or broken JPEG compression.

glitch-digitalFree

Effect ID: glitch-digital

Example Configuration

glitch-digital.json

{
  "effectId": "glitch-digital",
  "glitch": {
    "blockSize": 0.5,
    "displacement": 0.5,
    "blockOpacity": 0.3,
    "colorSplit": 0.3,
    "lineTear": 0.4,
    "pixelate": 0.2
  }
}

Settings

Property	Type	Default	Description
`blockSize`	number	0.5	Amount of glitch blocks (0-1)
`displacement`	number	0.5	Block displacement amount (0-2)
`blockOpacity`	number	0.3	Opacity of displaced blocks (0-1)
`colorSplit`	number	0.3	RGB channel separation (0-2)
`lineTear`	number	0.4	Horizontal line tear effect (0-2)
`pixelate`	number	0.2	Pixelation artifact amount (0-2)

Effect Components

The Digital glitch effect simulates various digital artifacts:

Block Corruption - Random blocks show displaced or corrupted data
Pixelation - Localized areas become pixelated/mosaic
Line Tears - Horizontal bands shift left/right
Color Shift - RGB channels become misaligned in corrupted areas

Digital vs VHS

Aspect	Digital	VHS
Era	Modern digital	Analog tape
Distortion type	Block-based, sharp	Smooth, wavy
Best for	Tech/cyber aesthetics	Retro/nostalgic feel

API Usage

render-request.json

POST /api/v1/render
{
  "state": {
    "canvas": {
      "aspectRatio": "16:9",
      "backgroundColor": "#1a1a1a"
    },
    "layers": [...],
    "selectedLayerId": null,
    "effect": {
      "effectId": "glitch-digital",
      "enabled": true,
      "glitch": {
        "blockSize": 0.6,
        "displacement": 0.6,
        "blockOpacity": 0.4,
        "colorSplit": 0.4,
        "lineTear": 0.5,
        "pixelate": 0.3
      }
    }
  },
  "format": "png",
  "width": 1920,
  "height": 1080
}

Tips

Larger blockSize creates more dramatic, visible corruption
Combine with pixelate post-processing for extra digital feel
Works great for cyberpunk and tech-themed visuals
Animate intensity for dynamic glitch transitions
Lower values create subtle "compression artifact" look