fixed motion effects not rotating on first use + shader library compi…

…lation fix

README.md

@@ -67,6 +67,17 @@ Image(.stickerIcon)
     .stickerMotionEffect(.pointerHover(intensity: 0.5))
 ```
 
+Using the `.animation` view modifier allows you to control the animation of the effect.
+
+```swift
+Image(.stickerIcon)
+    .animation(.snappy) { view in
+        view
+            .stickerEffect()
+            .stickerMotionEffect(.pointerHover(intensity: 0.5))
+    }
+```
+
 The following motion effects are available:
 
 | Effect | Description |
@@ -97,3 +108,24 @@ extension StickerMotionEffect where Self == MyMotionEffect {
     static var myMotionEffect: Self { .init() }
 }
 ```
+
+## Compiling Shaders
+
+On iOS 18, macOS 15 and visionOS 2, Apple added the ability to compile Metal shaders at runtime to prevent frame delay on first use. You can compile the Sticker shaders as soon as your app launches by calling the following function:
+
+```swift
+import SwiftUI
+import Sticker
+
+@main
+struct MyApp: App {
+    var body: some Scene {
+        WindowGroup {
+            ContentView()
+                .task {
+                    await ShaderLibrary.compileStickerShaders()
+                }
+        }
+    }
+}
+```

Sources/Sticker/StickerMotionEffect/Effects/DragStickerMotionEffect.swift

@@ -19,11 +19,11 @@ public struct DragStickerMotionEffect: StickerMotionEffect {
                 let yRotation: Double = motionObserver.motion.transform.y / size.height
                 view
                     .rotation3DEffect(
-                        motionObserver.motion.isActive ?.radians((xRotation) * intensity) : .degrees(0),
+                        .radians((xRotation) * intensity),
                         axis: (0, 1, 0)
                     )
                     .rotation3DEffect(
-                        motionObserver.motion.isActive ? .radians((yRotation) * intensity) : .degrees(0),
+                        .radians((yRotation) * intensity),
                         axis: (-1, 0, 0)
                     )
                     .gesture(

Sources/Sticker/StickerMotionEffect/Effects/PointerHoverStickerMotionEffect.swift

@@ -19,11 +19,11 @@ public struct PointerHoverStickerMotionEffect: StickerMotionEffect {
                 let yRotation: Double = motionObserver.motion.transform.y / size.height
                 view
                     .rotation3DEffect(
-                        motionObserver.motion.isActive ?.radians((xRotation) * intensity) : .degrees(0),
+                        .radians((xRotation) * intensity),
                         axis: (0, 1, 0)
                     )
                     .rotation3DEffect(
-                        motionObserver.motion.isActive ? .radians((yRotation) * intensity) : .degrees(0),
+                        .radians((yRotation) * intensity),
                         axis: (-1, 0, 0)
                     )
                     .onContinuousHover { phase in

Sources/Sticker/StickerMotionObserver/StickerMotionObserver.swift

@@ -20,6 +20,7 @@ final class StickerMotionObserver {
         self.onChange = onChange
     }
 
+    @MainActor
     func update(motion: StickerMotion) {
         self.motion = motion
         onChange(motion)

Sources/Sticker/Utils/Extensions/ShaderLibraryExtension.swift

@@ -49,7 +49,9 @@ extension ShaderLibrary {
             .float(reflectionIntensity)
         )
     }
+}
 
+public extension ShaderLibrary {
     @available(iOS 18.0, macOS 15.0, visionOS 2.0, tvOS 18.0, watchOS 11.0, *)
     static func compileStickerShaders() async throws {
         try await foilShader().compile(as: .colorEffect)