SwiftUI Metal shader
Peaks
Two blurred domes standing against a white-to-black sky, the front one offset further than the back as the light moves. Drag the light on the canvas to move it.
SwiftUIReact NativeWeb
How it works
Peaks is a real [[stitchable]] Metal shader, not a video or an image. It runs as a SwiftUI .colorEffect, so it paints any view you attach it to. You shape it with sliders in a live preview, then export the .metal file and the SwiftUI code that uses it, or the React Native and Web version. No MSL to write.
36 settings you can tune
- Card Size
- Corner Radius
- Light
- Intensity
- Back Blur
- Back Dome
- Front Blur
- Front Dome
- Foot
- Grain
- Sky 1
- Sky 2
- Sky 3
- Sky 4
- Sky 5
- Sky 6
- Back Peak
- Front Peak
- Back Foot
- Front Foot
- Foot Scrim
- Shadow
- Shadow Tint
- Filter
- Amount
- Scale
- Radius
- Fade
- Softness
- Rotation
- Brightness
- Contrast
- Saturation
- Rounding
- Bevel
- Inset
