Coding Resources

A Metal-backed radial ripple distortion for SwiftUI. Tap anywhere to warp pixels outward in a realistic water-ripple effect. One line to add, fully configurable.

• Real pixel displacement via Metal [[ stitchable ]] shader
• Single-line API: .rippleEffect(at:trigger:)
• Configurable speed, amplitude, frequency, and band width
• Edge fade option prevents artifacts at view boundaries
• Auto-pausing TimelineView - zero GPU cost when idle
• Includes a plug-and-play RippleDemo scene

import RippleEffect

struct MyView: View {
    @State private var touchPoint: CGPoint = .zero
    @State private var tapID = UUID()

    var body: some View {
        Image("photo")
            .rippleEffect(at: touchPoint, trigger: tapID)
            .simultaneousGesture(
                SpatialTapGesture()
                    .onEnded { value in
                        touchPoint = value.location
                        tapID = UUID()
                    }
            )
    }
}