Post-Processing

Dot Screen

Dot Screen creates a halftone dot pattern effect, simulating newspaper printing or pop art aesthetics. Brightness is represented by dot size rather than color intensity.

Example Configuration

dot-screen.json

{
  "effect": {
    "postProcesses": [
      {
        "id": "pp_dots",
        "type": "dot-screen",
        "enabled": true,
        "settings": {
          "angle": 0,
          "scale": 4,
          "intensity": 1
        }
      }
    ]
  }
}

Settings

Property	Type	Range	Default	Description
`angle`	number	0-360	0	Pattern angle in degrees
`scale`	number	1-100	4	Dot size/spacing
`intensity`	number	0-1	1	Effect strength

Suggested Presets

Style	Settings
Fine Print	angle: 45, scale: 3, intensity: 1
Newspaper	angle: 30, scale: 5, intensity: 1
Pop Art	angle: 0, scale: 10, intensity: 1
Comic Book	angle: 45, scale: 8, intensity: 0.9

API Usage

render-request.json

POST /api/v1/render
{
  "state": {
    "canvas": {
      "aspectRatio": "16:9",
      "backgroundColor": "#1a1a1a"
    },
    "layers": [...],
    "selectedLayerId": null,
    "effect": {
      "effectId": "none",
      "enabled": true,
      "postProcesses": [
        {
          "id": "pp_1",
          "type": "dot-screen",
          "enabled": true,
          "settings": {
            "angle": 45,
            "scale": 6,
            "intensity": 0.8
          }
        }
      ]
    }
  },
  "format": "png",
  "width": 1920,
  "height": 1080
}

Tips

45-degree angle is classic for print halftones
Larger scale creates bolder, more obvious dots
Works great with high contrast images
Combine with sepia for vintage newspaper look
Lower intensity blends with original image