Shadertoy Shader Development

Overview

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.

When to Use This Skill

Activate this skill when:

• Writing or editing .glsl shader files
• Creating procedural graphics, generative art, or visual effects
• Working with Shadertoy.com projects or WebGL fragment shaders
• Implementing ray marching, distance fields, or procedural textures
• Debugging shader code or optimizing shader performance
• Need GLSL ES syntax reference or Shadertoy input variables

Core Concepts

Shader Entry Point