Post-Processing
Wave
Wave applies sinusoidal displacement to the image, creating rippling, wavy distortions. This effect can simulate water reflections, heat haze, or psychedelic visuals.
Example Configuration
wave.json
{
"effect": {
"postProcesses": [
{
"id": "pp_wave",
"type": "wave",
"enabled": true,
"settings": {
"amplitude": 0.1,
"frequency": 5,
"speed": 1
}
}
]
}
}Settings
| Property | Type | Range | Default | Description |
|---|---|---|---|---|
amplitude | number | 0-1 | 0.1 | Wave height/intensity |
frequency | number | 1-20 | 5 | Number of waves across the image |
speed | number | 0-5 | 1 | Animation speed (0 = static) |
Suggested Presets
| Style | Settings |
|---|---|
| Subtle Ripple | amplitude: 0.02, frequency: 8, speed: 0.5 |
| Water Reflection | amplitude: 0.05, frequency: 12, speed: 1 |
| Heat Haze | amplitude: 0.03, frequency: 15, speed: 2 |
| Psychedelic | amplitude: 0.15, frequency: 5, speed: 1.5 |
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": "wave",
"enabled": true,
"settings": {
"amplitude": 0.05,
"frequency": 10,
"speed": 0.5
}
}
]
}
},
"format": "png",
"width": 1920,
"height": 1080
}Tips
- Keep amplitude low (0.02-0.1) for realistic effects
- Higher frequency creates tighter, more rapid waves
- Combine with chromatic aberration for underwater look
- Set speed to 0 for static wavy distortion
- Works well for dreamy, surreal aesthetics