1 files changed, 21 insertions, 5 deletions
diff --git a/apps/web/src/services/renderer/resolve.ts b/apps/web/src/services/renderer/resolve.ts
index a4c8d303..12f57e30 100644
--- a/apps/web/src/services/renderer/resolve.ts
+++ b/apps/web/src/services/renderer/resolve.ts
@@ -6,8 +6,10 @@ import {
 	intensityToSigma,
 } from "@/effects/definitions/blur";
 import { effectsRegistry, resolveEffectPasses } from "@/effects";
-import { applyMotionEffects } from "@/effects/motion";
+import { applyMotionEffects, sampleEasingBezier } from "@/effects/motion";
 import type { Effect, EffectPass } from "@/effects/types";
+import { BUILTIN_PRESETS } from "@/timeline/components/graph-editor/easing-presets";
+import { clamp } from "@/utils/math";
 import { getSourceTimeAtClipTime } from "@/retime";
 import {
 	DEFAULT_GRAPHIC_SOURCE_SIZE,
@@ -479,11 +481,25 @@ function resolveEffectLayerNode({
 		width: context.renderer.width,
 		height: context.renderer.height,
 	});
-	if (passes.length === 0) {
+
+	const motion = definition.motion?.evaluate({
+		effectParams: node.params.effectParams,
+		progress: sampleEasingBezier({
+			bezier:
+				BUILTIN_PRESETS.find(
+					(entry) => entry.id === node.params.effectParams.easing,
+				)?.value ?? [0.25, 0.1, 0.25, 1],
+			x: clamp({
+				value: (time - node.params.timeOffset) / node.params.duration,
+				min: 0,
+				max: 1,
+			}),
+		}),
+	});
+
+	if (passes.length === 0 && !motion) {
 		return null;
 	}
 
-	return {
-		passes,
-	};
+	return motion ? { passes, motion } : { passes };
 }