shadertoy

Real-time GLSL fragment shader development for procedural graphics and visual effects. Shadertoy is a platform for creating and sharing GLSL fragment shaders that run in the browser using WebGL. This skill provides comprehensive guidance for writing shaders including GLSL ES syntax, common patterns, mathematical techniques, and best practices specific to real-time procedural graphics. Activate this skill when: Every Shadertoy shader implements the mainImage function: Always available in shaders: Standard patterns for normalizing coordinates: Use Inigo Quilez's cosine palette for smooth color gradients: Simple 2D hash for noise and randomness: Standard pattern for 3D rendering via sphere tracing: 2D rotation: 3D axis-angle rotation (modifies in-place): Create fractal-like structures: Vignette: Film grain/dithering (reduces banding): Gamma correction: For complex effects requiring temporal feedback or multiple rendering stages: ALWAYS follow these rules to avoid compilation errors: Visualizing complex numbers: Ray marching 3D scenes: Creating noise/organic effects: Multi-layer composition: Visualize intermediate values: Simplify progressively: Check for NaN/Inf: Based on observed patterns in creative work: When forking or remixing shaders: Complete GLSL ES syntax reference including: Search with: Read /references/glsl-reference.md for complete language reference. Comprehensive...