1 files changed, 35 insertions, 5 deletions
diff --git a/apps/web/src/services/renderer/compositor/frame-descriptor.ts b/apps/web/src/services/renderer/compositor/frame-descriptor.ts
index d5ab88c3..d2bff525 100644
--- a/apps/web/src/services/renderer/compositor/frame-descriptor.ts
+++ b/apps/web/src/services/renderer/compositor/frame-descriptor.ts
@@ -121,13 +121,43 @@ async function collectNode({
 	}
 
 	if (node instanceof EffectLayerNode) {
-		if (!node.resolved || node.resolved.passes.length === 0) {
+		if (!node.resolved) {
 			return;
 		}
-		items.push({
-			type: "sceneEffect",
-			effectPassGroups: [node.resolved.passes],
-		});
+		const { motion, passes } = node.resolved;
+		if (
+			motion &&
+			(motion.scale !== 1 ||
+				motion.translateX !== 0 ||
+				motion.translateY !== 0 ||
+				(motion.rotate ?? 0) !== 0)
+		) {
+			const { width, height } = renderer;
+			for (const item of items) {
+				if (item.type !== "layer") continue;
+				item.transform = {
+					...item.transform,
+					centerX:
+						width / 2 +
+						(item.transform.centerX - width / 2) * motion.scale +
+						motion.translateX * width,
+					centerY:
+						height / 2 +
+						(item.transform.centerY - height / 2) * motion.scale +
+						motion.translateY * height,
+					width: item.transform.width * motion.scale,
+					height: item.transform.height * motion.scale,
+					rotationDegrees:
+						item.transform.rotationDegrees + (motion.rotate ?? 0),
+				};
+			}
+		}
+		if (passes.length > 0) {
+			items.push({
+				type: "sceneEffect",
+				effectPassGroups: [passes],
+			});
+		}
 		return;
 	}