Graphics & Effects
GPU-accelerated shaders, SDF drawing, and animations in Makepad.
Shader Basics
SDF Drawing
Animation
Visual Effects
Community Effects
See community/ for community-contributed shaders and effects.
To contribute your own shader/effect, use the template at 99-evolution/templates/shader-template.md.
Quick Reference
SDF Operations
sdf.circle(x, y, r) // Circle
sdf.box(x, y, w, h, r) // Rounded rect
sdf.fill(color) // Fill shape
sdf.stroke(color, w) // Stroke outline
sdf.fill_keep(color) // Fill, keep shape
Animator Timing
Forward {duration: 0.15} // Linear transition
Snap // Instant change
Loop {duration: 1.0} // Continuous loop
Common Easing
OutQuad // Enter animations
InQuad // Exit animations
ExpDecay {d1: 0.8, d2: 0.97} // Physics-like
References
