rocaille-shader

# Rocaille Shader Skill Generate organic, swirling light effects through progressive domain warping - a technique that creates increasingly complex patterns by iteratively displacing coordinates using sinusoidal functions. ## Core Technique The Rocaille effect builds complexity through repeated application of: ```glsl v += sin(v.yx + t) / amplitude; ``` Where: - `v` is a 2D coordinate vector - `v.yx` swaps x/y components creating characteristic swirl - `t` is time for animation - `amplitude` controls warp intensity (1.0 = strong, 4.0 = subtle) - Each iteration adds more organic complexity ## Quick Reference | Warps | Effect | Use Case | |-------|--------|----------| | 1-2 | Subtle wave | Backgrounds, subtle motion | | 3-5 | Organic flow | Music visualizers, hero sections | | 6-9 | Complex swirl | Psychedelic effects, main attraction | | 10+ | Chaotic | Experimental, glitch art | ## Usage To generate a shader, specify: 1. **Warp count** (1-15): Number of displacement iterations 2. **Color mode**: `basic`, `rainbow`, `monochrome`, `neon`, or custom RGB 3. **Output format**: `shadertoy`, `threejs`, `webgl`, `p5js` ### Generate Custom Shader Run the generator script: ```bash python3 scripts/rocaille_generator.py --warps 5 --color rainbow --format shadertoy ``` Options: - `--warps N` - Number of warp iterations (default: 5) - `--color MODE` - Color mode: basic, rainbow, monochrome, neon (default: rainbow) - `--format FMT` - Output format: shadertoy, threejs, webgl, p5...