shader-grid

What problem does it solve?

This Skill provides a dynamic, procedural grid for 3D scenes, eliminating the need for textures and offering advanced visual effects like anti-aliasing and distance-based fading.

Core Features & Use Cases

• Procedural Grid Generation: Renders a grid directly in the fragment shader without textures.
• Anti-Aliasing: Uses screen-space derivatives (fwidth()) for crisp, pixel-perfect lines at any distance.
• Distance & Frequency Fading: Fades the grid gracefully based on camera distance and viewing angle to prevent aliasing artifacts (moiré).
• Multiple Pipeline Support: Demonstrates how to integrate different rendering pipelines within a single render pass.
• Use Case: Add a clean, anti-aliased floor grid to your 3D game or visualization tool, perfect for debugging object placement or as a visual element.

Quick Start

Use the shader-grid skill to add a procedural anti-aliased grid to your SDL3 GPU scene.