Attempt to fix choppy parallax on low refresh rate

Author: neon-nyan

CollapseLauncher/XAMLs/Theme/CustomControls/LayeredBackgroundImage/LayeredBackgroundImage.Events.cs

@@ -226,7 +226,8 @@ private void ParallaxGrid_OffsetReset()
                                            _parallaxGridVisual,
                                            Vector3.Zero,
                                            Vector3.One,
-                                           250d);
+                                           250d,
+                                           easingFunction: _parallaxEasingFunction);
     }
 
     private void ParallaxGrid_OnPointerMoved(object sender, PointerRoutedEventArgs e)
@@ -248,8 +249,7 @@ private void ParallaxGrid_OnPointerMoved(object sender, PointerRoutedEventArgs e
         double offsetX = ParallaxHorizontalShift;
         double offsetY = ParallaxVerticalShift;
 
-        bool isHighRefreshRate = WindowUtility.CurrentWindowMonitorRefreshRate > 75000 / 1001;
-        double dur = isHighRefreshRate ? 40 : 10;
+        double deltaMs = Math.Max(1000d / WindowUtility.CurrentWindowMonitorRefreshRate, 8d);
 
         StartElementOffsetAnimation(_parallaxGridCompositor,
                                     _parallaxGridVisual,
@@ -258,8 +258,8 @@ private void ParallaxGrid_OnPointerMoved(object sender, PointerRoutedEventArgs e
                                     offsetY,
                                     nx,
                                     ny,
-                                    dur,
-                                    !isHighRefreshRate);
+                                    deltaMs,
+                                    easingFunction: _parallaxEasingFunction);
     }
 
     private static void StartElementOffsetAnimation(
@@ -324,24 +324,28 @@ private static void StartElementElevateEasingAnimation(
             return;
         }
 
-        CompositionAnimationGroup? animGroup = compositor.CreateAnimationGroup();
-
         // Move
-        Vector3KeyFrameAnimation? anim = compositor.CreateVector3KeyFrameAnimation();
-        anim.Duration = TimeSpan.FromMilliseconds(duration);
-        anim.InsertKeyFrame(1f, offset, easingFunction);
-        anim.Target = targetTranslation;
+        Vector3KeyFrameAnimation anim = CreateVector3Keyframe(offset, targetTranslation);
 
         // Scale
-        Vector3KeyFrameAnimation? scaleAnim = compositor.CreateVector3KeyFrameAnimation();
-        scaleAnim.Duration = TimeSpan.FromMilliseconds(duration);
-        scaleAnim.InsertKeyFrame(1f, scale, easingFunction);
-        scaleAnim.Target = targetScale;
+        Vector3KeyFrameAnimation scaleAnim = CreateVector3Keyframe(scale, targetScale);
 
-        animGroup.Add(anim);
-        animGroup.Add(scaleAnim);
+        visual.StartAnimation(targetTranslation, anim);
+        visual.StartAnimation(targetScale,       scaleAnim);
 
-        visual.StartAnimationGroup(animGroup);
+        return;
+
+        Vector3KeyFrameAnimation CreateVector3Keyframe(
+            Vector3 valueTo,
+            string  targetProperty)
+        {
+            Vector3KeyFrameAnimation keyframe = compositor.CreateVector3KeyFrameAnimation();
+            keyframe.InsertKeyFrame(1, valueTo, easingFunction);
+            keyframe.Target   = targetProperty;
+            keyframe.Duration = TimeSpan.FromMilliseconds(duration);
+
+            return keyframe;
+        }
     }
 
     private static void StartElementElevateSpringAnimation(
@@ -364,18 +368,18 @@ private static void StartElementElevateSpringAnimation(
 
         // Move
         SpringVector3NaturalMotionAnimation? anim = compositor.CreateSpringVector3Animation();
-        anim.Period = TimeSpan.FromMilliseconds(duration);
-        anim.FinalValue = offset;
-        anim.DampingRatio = 1f;
-        anim.Target = targetTranslation;
+        anim.Period        = TimeSpan.FromMilliseconds(duration);
+        anim.FinalValue    = offset;
+        anim.DampingRatio  = 1f;
+        anim.Target        = targetTranslation;
         anim.DelayBehavior = AnimationDelayBehavior.SetInitialValueBeforeDelay;
 
         // Scale
         SpringVector3NaturalMotionAnimation? scaleAnim = compositor.CreateSpringVector3Animation();
-        scaleAnim.Period = TimeSpan.FromMilliseconds(duration);
-        scaleAnim.FinalValue = scale;
-        scaleAnim.DampingRatio = 1f;
-        scaleAnim.Target = targetScale;
+        scaleAnim.Period        = TimeSpan.FromMilliseconds(duration);
+        scaleAnim.FinalValue    = scale;
+        scaleAnim.DampingRatio  = 1f;
+        scaleAnim.Target        = targetScale;
         scaleAnim.DelayBehavior = AnimationDelayBehavior.SetInitialValueBeforeDelay;
 
         animGroup.Add(anim);
@@ -475,8 +479,7 @@ private void ElevateGrid_UpdateElevationSize(bool enable)
                                     0d,
                                     500d,
                                     false,
-                                    CompositionEasingFunction.CreateCircleEasingFunction(_elevateGridCompositor,
-                                         CompositionEasingFunctionMode.Out));
+                                    _elevateEasingFunction);
     }
 
     #endregion

CollapseLauncher/XAMLs/Theme/CustomControls/LayeredBackgroundImage/LayeredBackgroundImage.Templates.cs

@@ -2,6 +2,7 @@
 using Microsoft.UI.Composition;
 using Microsoft.UI.Xaml.Controls;
 using Microsoft.UI.Xaml.Hosting;
+using System.Numerics;
 using System.Threading;
 
 #nullable enable
@@ -37,6 +38,9 @@ public partial class LayeredBackgroundImage
 
     private bool _isTemplateLoaded;
 
+    private CubicBezierEasingFunction _parallaxEasingFunction;
+    private CubicBezierEasingFunction _elevateEasingFunction;
+
     #endregion
 
     #region Apply Template Methods
@@ -55,6 +59,11 @@ protected override void OnApplyTemplate()
         _elevateGridVisual     = ElementCompositionPreview.GetElementVisual(_elevateGrid);
         _elevateGridCompositor = _elevateGridVisual.Compositor;
 
+        _parallaxEasingFunction = _parallaxGridCompositor
+           .CreateCubicBezierEasingFunction(new Vector2(.45f, .05f), new Vector2(.55f, .95f));
+        _elevateEasingFunction = _parallaxGridCompositor
+           .CreateCubicBezierEasingFunction(new Vector2(0.19f, 1), new Vector2(0.22f, 1));
+
         Interlocked.Exchange(ref _isTemplateLoaded, true);
 
         base.OnApplyTemplate();