shader

What problem does it solve?

This Skill provides a structured approach to writing, debugging, and optimizing GLSL shaders for the WebGL system, ensuring visually appealing and performant graphics.

Core Features & Use Cases

• Shader Development: Create new vertex and fragment shaders from templates.
• Debugging & Optimization: Identify and fix common shader errors and performance bottlenecks.
• Uniform Management: Understand and implement custom uniforms for dynamic effects.
• Use Case: Implement a new particle effect by writing a custom fragment shader that uses Perlin noise for organic movement and a custom uniform to control particle color based on velocity.

Quick Start

Write a new fragment shader for a page-specific effect using the provided template and import the perlinNoise.glsl include.