Compose Advanced Graphics Effects with SwiftUI

import SwiftUI
import Metal

// backgroundWarp.metal (add this file to your Xcode target)
// --------------------------------------------------------
// #include <metal_stdlib>
// using namespace metal;
// #include <SwiftUI/SwiftUI_Metal.h>
//
// [[ stitchable ]] half4
// backgroundWarp(float2 position,
//                SwiftUI::Layer layer,
//                float2 size,
//                float time) {
//     float2 uv = position / size;
//     // First noise sample using a simple sine-based stand-in for noise
//     float2 offset1 = float2(sin(uv.y * 8.0 + time) * 0.03,
//                             cos(uv.x * 8.0 + time) * 0.03);
//     // Domain warp: sample offset again at displaced position
//     float2 uv2 = uv + offset1;
//     float2 offset2 = float2(sin(uv2.y * 8.0 + time * 1.3) * 0.03,
//                             cos(uv2.x * 8.0 + time * 1.3) * 0.03);
//     float2 warpedPos = position + (offset1 + offset2) * size;
//     return layer.sample(warpedPos);
// }
// --------------------------------------------------------

struct AnimatedWarpView: View {
    // Start time used to compute elapsed seconds
    let startDate = Date()

    var body: some View {
        TimelineView(.animation) { context in
            let elapsed = Float(context.date.timeIntervalSince(startDate))

            GeometryReader { geo in
                Image("coverArt")          // replace with any asset in your catalog
                    .resizable()
                    .scaledToFill()
                    .blur(radius: 12)
                    .layerEffect(
                        ShaderLibrary.backgroundWarp(
                            .float2(Float(geo.size.width),
                                    Float(geo.size.height)),
                            .float(elapsed)
                        ),
                        maxSampleOffset: CGSize(width: 40, height: 40)
                    )
                    .clipped()
            }
            .ignoresSafeArea()
        }
    }
}

#Preview {
    AnimatedWarpView()
}