Advanced SwiftUI Graphics Pipeline with Shader Effects

import SwiftUI
import Metal

// MARK: - Metal shader source (save as Shaders.metal in your Xcode project)
/*
#include <metal_stdlib>
using namespace metal;
#include <SwiftUI/SwiftUI_Metal.h>

[[ stitchable ]] half4 backgroundWarp(
    float2 position,
    SwiftUI::Layer layer,
    float2 size,
    texture2d<half> noiseTexture,
    float time
) {
    constexpr sampler noiseSampler(address::repeat, filter::linear);
    float2 uv = position / size;

    // First noise sample for initial offset
    float2 offset1 = float2(
        noiseTexture.sample(noiseSampler, uv + time * 0.05).r,
        noiseTexture.sample(noiseSampler, uv + time * 0.05).g
    ) * 2.0 - 1.0;

    // Domain warp: sample noise again at offset position
    float2 warpedUV = uv + offset1 * 0.08;
    float2 offset2 = float2(
        noiseTexture.sample(noiseSampler, warpedUV + time * 0.03).r,
        noiseTexture.sample(noiseSampler, warpedUV + time * 0.03).g
    ) * 2.0 - 1.0;

    float2 finalPos = position + offset2 * 18.0;
    return layer.sample(finalPos);
}
*/

// MARK: - SwiftUI View

struct AnimatedCoverArtView: View {
    let coverImage: Image
    let noiseTexture: Image

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

            GeometryReader { geo in
                coverImage
                    .resizable()
                    .scaledToFill()
                    .blur(radius: 8)
                    .layerEffect(
                        ShaderLibrary.backgroundWarp(
                            .float2(geo.size.width, geo.size.height),
                            .image(noiseTexture),
                            .float(Float(elapsed))
                        ),
                        maxSampleOffset: CGSize(width: 40, height: 40)
                    )
                    .clipped()
            }
        }
    }
}

// MARK: - Preview

struct AnimatedCoverArtView_Previews: PreviewProvider {
    static var previews: some View {
        AnimatedCoverArtView(
            coverImage: Image(systemName: "music.note"),
            noiseTexture: Image("NoiseTexture") // add a noise PNG to your asset catalog
        )
        .frame(width: 390, height: 390)
        .ignoresSafeArea()
    }
}