@framefields/node-kenburns 2.0.2

package/dist/renderer.mjs

@@ -0,0 +1,3 @@
+import { t as renderers_default } from "./renderers-BoufaXfn.mjs";
+
+export { renderers_default as default };

package/dist/renderers-BoufaXfn.mjs

@@ -0,0 +1,336 @@
+import { defineRenderer } from "@framefields/node-sdk/renderer";
+
+//#region src/renderers/webgpu-renderer.ts
+const easeIn = (t) => t * t;
+const easeOut = (t) => t * (2 - t);
+const easeInOut = (t) => t < .5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
+const springEase = (t) => {
+	const c4 = 2 * Math.PI / 3;
+	return t === 0 ? 0 : t === 1 ? 1 : 2 ** (-10 * t) * Math.sin((t * 10 - .75) * c4) + 1;
+};
+const applyEasing = (t, easing) => {
+	switch (easing) {
+		case "ease-in": return easeIn(t);
+		case "ease-out": return easeOut(t);
+		case "ease-in-out": return easeInOut(t);
+		case "spring": return springEase(t);
+		default: return t;
+	}
+};
+const catmullRom = (p0, p1, p2, p3, t) => {
+	const t2 = t * t;
+	const t3 = t2 * t;
+	return .5 * (2 * p1 + (-p0 + p2) * t + (2 * p0 - 5 * p1 + 4 * p2 - p3) * t2 + (-p0 + 3 * p1 - 3 * p2 + p3) * t3);
+};
+function interpolateKenBurns(keyframes, timeMs, movementStyle = "spline") {
+	if (keyframes.length === 0) return {
+		x: 50,
+		y: 50,
+		scale: 1
+	};
+	if (keyframes.length === 1) {
+		const kf = keyframes[0];
+		return {
+			x: kf.x ?? 50,
+			y: kf.y ?? 50,
+			scale: kf.scale ?? 1
+		};
+	}
+	let elapsed = 0;
+	for (let i = 0; i < keyframes.length; i++) {
+		const kf = keyframes[i];
+		const hold = kf.holdMs ?? 0;
+		const dur = kf.durationMs ?? 0;
+		if (timeMs <= elapsed + hold) return {
+			x: kf.x ?? 50,
+			y: kf.y ?? 50,
+			scale: kf.scale ?? 1
+		};
+		elapsed += hold;
+		if (i < keyframes.length - 1 && dur > 0) {
+			if (timeMs <= elapsed + dur) {
+				const rawT = (timeMs - elapsed) / dur;
+				const t = applyEasing(Math.max(0, Math.min(1, rawT)), kf.easing);
+				const next = keyframes[i + 1];
+				if (movementStyle === "spline") {
+					const prev = keyframes[i - 1] ?? kf;
+					const afterNext = keyframes[i + 2] ?? next;
+					return {
+						x: catmullRom(prev.x ?? 50, kf.x ?? 50, next.x ?? 50, afterNext.x ?? 50, t),
+						y: catmullRom(prev.y ?? 50, kf.y ?? 50, next.y ?? 50, afterNext.y ?? 50, t),
+						scale: catmullRom(prev.scale ?? 1, kf.scale ?? 1, next.scale ?? 1, afterNext.scale ?? 1, t)
+					};
+				}
+				return {
+					x: (kf.x ?? 50) + ((next.x ?? 50) - (kf.x ?? 50)) * t,
+					y: (kf.y ?? 50) + ((next.y ?? 50) - (kf.y ?? 50)) * t,
+					scale: (kf.scale ?? 1) + ((next.scale ?? 1) - (kf.scale ?? 1)) * t
+				};
+			}
+			elapsed += dur;
+		}
+	}
+	const last = keyframes[keyframes.length - 1];
+	return {
+		x: last.x ?? 50,
+		y: last.y ?? 50,
+		scale: last.scale ?? 1
+	};
+}
+function calculateSrcRect(state, sourceWidth, sourceHeight, targetAspectRatio) {
+	let baseBoxW_pct = 100;
+	let baseBoxH_pct = 100;
+	if (targetAspectRatio !== "input") {
+		const parts = targetAspectRatio.split(":");
+		const tW = Number(parts[0]);
+		const tH = Number(parts[1]);
+		if (!Number.isNaN(tW) && !Number.isNaN(tH) && tW > 0 && tH > 0) {
+			const desiredAR = tW / tH;
+			const sourceAR = sourceWidth / sourceHeight;
+			if (sourceAR > desiredAR) {
+				baseBoxH_pct = 100;
+				baseBoxW_pct = desiredAR / sourceAR * 100;
+			} else {
+				baseBoxW_pct = 100;
+				baseBoxH_pct = sourceAR / desiredAR * 100;
+			}
+		}
+	}
+	const baseBoxPxW = baseBoxW_pct / 100 * sourceWidth;
+	const baseBoxPxH = baseBoxH_pct / 100 * sourceHeight;
+	const clampedScale = Math.max(state.scale, 1);
+	const currentBoxPxW = baseBoxPxW / clampedScale;
+	const currentBoxPxH = baseBoxPxH / clampedScale;
+	const rawFocalX = state.x / 100 * sourceWidth;
+	const rawFocalY = state.y / 100 * sourceHeight;
+	const halfBoxW = currentBoxPxW / 2;
+	const halfBoxH = currentBoxPxH / 2;
+	const focalX = Math.max(halfBoxW, Math.min(sourceWidth - halfBoxW, rawFocalX));
+	const focalY = Math.max(halfBoxH, Math.min(sourceHeight - halfBoxH, rawFocalY));
+	return {
+		x: focalX - halfBoxW,
+		y: focalY - halfBoxH,
+		width: currentBoxPxW,
+		height: currentBoxPxH
+	};
+}
+const motionBlurWgsl = `
+struct MotionBlurUniforms {
+	prev_origin : vec2<f32>,
+	prev_size   : vec2<f32>,
+	curr_origin : vec2<f32>,
+	curr_size   : vec2<f32>,
+	samples     : f32,
+	blurSize    : f32,
+	padding     : vec2<f32>,
+};
+
+@group(0) @binding(0) var<uniform> u : MotionBlurUniforms;
+@group(1) @binding(0) var tex        : texture_2d<f32>;
+@group(1) @binding(1) var samp       : sampler;
+
+struct VSOut {
+	@builtin(position) pos : vec4<f32>,
+	@location(0) uv        : vec2<f32>,
+};
+
+@vertex fn vs(@builtin(vertex_index) vi: u32) -> VSOut {
+	var pos = array<vec2<f32>, 4>(
+		vec2<f32>(-1.0, 1.0),
+		vec2<f32>(1.0, 1.0),
+		vec2<f32>(-1.0, -1.0),
+		vec2<f32>(1.0, -1.0)
+	);
+	var uv = array<vec2<f32>, 4>(
+		vec2<f32>(0.0, 0.0),
+		vec2<f32>(1.0, 0.0),
+		vec2<f32>(0.0, 1.0),
+		vec2<f32>(1.0, 1.0)
+	);
+	return VSOut(vec4<f32>(pos[vi], 0.0, 1.0), uv[vi]);
+}
+
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+	let uv = in.uv;
+	let n = i32(u.samples);
+	
+	if (n <= 1) {
+		let p_curr = u.curr_origin + uv * u.curr_size;
+		return textureSampleLevel(tex, samp, p_curr, 0.0);
+	}
+	
+	var color = vec4<f32>(0.0);
+	for (var i = 0; i < n; i = i + 1) {
+		// Use blurSize to control the shutter interval width. 
+		// t=1.0 is current frame, t=0.0 is previous frame.
+		let t = 1.0 + (f32(i) / f32(n - 1) - 0.5) * u.blurSize;
+		
+		let origin = mix(u.prev_origin, u.curr_origin, t);
+		let size = mix(u.prev_size, u.curr_size, t);
+		let p_sample = origin + uv * size;
+		
+		color += textureSampleLevel(tex, samp, p_sample, 0.0);
+	}
+	return color / f32(n);
+}
+`;
+const deviceResourceCache = /* @__PURE__ */ new WeakMap();
+const motionBlurData = new Float32Array(12);
+function getMotionBlurResources(device, format) {
+	let res = deviceResourceCache.get(device);
+	if (!res) {
+		const motionBlurUniformLayout = device.createBindGroupLayout({ entries: [{
+			binding: 0,
+			visibility: GPUShaderStage.FRAGMENT,
+			buffer: { type: "uniform" }
+		}] });
+		const singleTextureLayout = device.createBindGroupLayout({ entries: [{
+			binding: 0,
+			visibility: GPUShaderStage.FRAGMENT,
+			texture: { sampleType: "float" }
+		}, {
+			binding: 1,
+			visibility: GPUShaderStage.FRAGMENT,
+			sampler: { type: "filtering" }
+		}] });
+		const module = device.createShaderModule({
+			label: "kenburns_motionblur.wgsl",
+			code: motionBlurWgsl
+		});
+		res = {
+			motionBlurPipeline: device.createRenderPipeline({
+				label: "MotionBlurPipeline",
+				layout: device.createPipelineLayout({ bindGroupLayouts: [motionBlurUniformLayout, singleTextureLayout] }),
+				vertex: {
+					module,
+					entryPoint: "vs"
+				},
+				fragment: {
+					module,
+					entryPoint: "fs",
+					targets: [{ format }]
+				},
+				primitive: { topology: "triangle-strip" }
+			}),
+			motionBlurUniformLayout,
+			singleTextureLayout
+		};
+		deviceResourceCache.set(device, res);
+	}
+	return res;
+}
+const KenBurnsWebGPURenderer = async (args) => {
+	const { ctx, encoder, pass, targetView, targetTexture, targetWidth, targetHeight, props, drawChild } = args;
+	const { virtualMedia, containerWidth, containerHeight, frame, fps, trimStartOverride, opacity = 1, inheritedSeekOffset = 0 } = props;
+	const op = virtualMedia.operation;
+	if (op?.op !== "KenBurns") return;
+	const childMedia = virtualMedia.children?.[0];
+	if (!childMedia) return;
+	const sourceWidth = op.originalWidth ?? childMedia.metadata?.width ?? virtualMedia.metadata?.width ?? containerWidth ?? targetWidth;
+	const sourceHeight = op.originalHeight ?? childMedia.metadata?.height ?? virtualMedia.metadata?.height ?? containerHeight ?? targetHeight;
+	const keyframes = op.keyframes ?? [];
+	const movementStyle = op.movementStyle ?? "spline";
+	const targetAspectRatio = op.aspectRatio || "input";
+	const offsetMs = ((trimStartOverride ?? 0) + inheritedSeekOffset) * 1e3;
+	const fpsVal = Math.max(1, fps ?? 30);
+	const frameDurationMs = 1e3 / fpsVal;
+	const timeMs = offsetMs + (frame ?? 0) / fpsVal * 1e3;
+	const prevTimeMs = timeMs - frameDurationMs;
+	const state = interpolateKenBurns(keyframes, timeMs, movementStyle);
+	const prevState = interpolateKenBurns(keyframes, prevTimeMs, movementStyle);
+	const srcRect = calculateSrcRect(state, sourceWidth, sourceHeight, targetAspectRatio);
+	const prevSrcRect = calculateSrcRect(prevState, sourceWidth, sourceHeight, targetAspectRatio);
+	const dstWidth = containerWidth ?? targetWidth;
+	const dstHeight = containerHeight ?? targetHeight;
+	const dstRect = {
+		x: 0,
+		y: 0,
+		width: dstWidth,
+		height: dstHeight
+	};
+	const tempTex = ctx.renderer.getTemporaryTexture(sourceWidth, sourceHeight, [...props.excludeTextures || [], targetTexture]);
+	const tempView = tempTex.createView();
+	pass.end();
+	ctx.renderer.beginFrame(encoder, tempView, {
+		r: 0,
+		g: 0,
+		b: 0,
+		a: 0
+	}, sourceWidth, sourceHeight, "clear").end();
+	ctx.renderer.pushScissor({
+		x: 0,
+		y: 0,
+		width: sourceWidth,
+		height: sourceHeight
+	});
+	ctx.renderer.pushIdentity();
+	await drawChild(childMedia, {
+		...props,
+		containerWidth: sourceWidth,
+		containerHeight: sourceHeight
+	}, tempView, tempTex, sourceWidth, sourceHeight);
+	ctx.renderer.popTransform();
+	ctx.renderer.popScissor();
+	const motionBlurSize = op.motionBlurSize ?? 1.5;
+	let blurTex = null;
+	if (motionBlurSize > 0) {
+		const { motionBlurPipeline: pipeline, motionBlurUniformLayout: uLayout, singleTextureLayout: tLayout } = getMotionBlurResources(ctx.device, ctx.renderer.format);
+		const sampler = ctx.renderer.samplerCache.getSampler(ctx.device);
+		motionBlurData[0] = prevSrcRect.x / sourceWidth;
+		motionBlurData[1] = prevSrcRect.y / sourceHeight;
+		motionBlurData[2] = prevSrcRect.width / sourceWidth;
+		motionBlurData[3] = prevSrcRect.height / sourceHeight;
+		motionBlurData[4] = srcRect.x / sourceWidth;
+		motionBlurData[5] = srcRect.y / sourceHeight;
+		motionBlurData[6] = srcRect.width / sourceWidth;
+		motionBlurData[7] = srcRect.height / sourceHeight;
+		motionBlurData[8] = 12;
+		motionBlurData[9] = motionBlurSize;
+		const uBuffer = ctx.renderer.getTemporaryBuffer(motionBlurData);
+		blurTex = ctx.renderer.getTemporaryTexture(dstWidth, dstHeight, [
+			targetTexture,
+			tempTex,
+			...props.excludeTextures || []
+		]);
+		const blurView = blurTex.createView();
+		const blurPass = encoder.beginRenderPass({ colorAttachments: [{
+			view: blurView,
+			loadOp: "clear",
+			storeOp: "store",
+			clearValue: {
+				r: 0,
+				g: 0,
+				b: 0,
+				a: 0
+			}
+		}] });
+		blurPass.setPipeline(pipeline);
+		blurPass.setBindGroup(0, ctx.device.createBindGroup({
+			layout: uLayout,
+			entries: [{
+				binding: 0,
+				resource: { buffer: uBuffer }
+			}]
+		}));
+		blurPass.setBindGroup(1, ctx.renderer.bindGroupCache.getBindGroup(ctx.device, tLayout, tempTex, sampler));
+		blurPass.draw(4);
+		blurPass.end();
+	}
+	const outPass = ctx.renderer.beginFrame(encoder, targetView, {
+		r: 0,
+		g: 0,
+		b: 0,
+		a: 0
+	}, targetWidth, targetHeight, "load");
+	if (blurTex) ctx.renderer.drawTexture(outPass, blurTex, dstRect, { opacity });
+	else ctx.renderer.drawTextureRegion(outPass, tempTex, srcRect, dstRect, { opacity });
+	args.pass = outPass;
+};
+
+//#endregion
+//#region src/renderers/index.ts
+var renderers_default = defineRenderer({ WebGPURenderer: KenBurnsWebGPURenderer });
+
+//#endregion
+export { renderers_default as t };
+//# sourceMappingURL=renderers-BoufaXfn.mjs.map

package/dist/renderers-BoufaXfn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderers-BoufaXfn.mjs","names":[],"sources":["../src/renderers/webgpu-renderer.ts","../src/renderers/index.ts"],"sourcesContent":["import type { WebGPUNodeRenderer } from \"@framefields/node-sdk\";\nimport type { KenBurnsKeyframe } from \"../shared/config.js\";\n\nconst easeIn = (t: number): number => t * t;\nconst easeOut = (t: number): number => t * (2 - t);\nconst easeInOut = (t: number): number =>\n\tt < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;\nconst springEase = (t: number): number => {\n\tconst c4 = (2 * Math.PI) / 3;\n\treturn t === 0\n\t\t? 0\n\t\t: t === 1\n\t\t\t? 1\n\t\t\t: 2 ** (-10 * t) * Math.sin((t * 10 - 0.75) * c4) + 1;\n};\n\nconst applyEasing = (t: number, easing?: string): number => {\n\tswitch (easing) {\n\t\tcase \"ease-in\":\n\t\t\treturn easeIn(t);\n\t\tcase \"ease-out\":\n\t\t\treturn easeOut(t);\n\t\tcase \"ease-in-out\":\n\t\t\treturn easeInOut(t);\n\t\tcase \"spring\":\n\t\t\treturn springEase(t);\n\t\tdefault:\n\t\t\treturn t;\n\t}\n};\n\nconst catmullRom = (\n\tp0: number,\n\tp1: number,\n\tp2: number,\n\tp3: number,\n\tt: number,\n): number => {\n\tconst t2 = t * t;\n\tconst t3 = t2 * t;\n\treturn (\n\t\t0.5 *\n\t\t(2 * p1 +\n\t\t\t(-p0 + p2) * t +\n\t\t\t(2 * p0 - 5 * p1 + 4 * p2 - p3) * t2 +\n\t\t\t(-p0 + 3 * p1 - 3 * p2 + p3) * t3)\n\t);\n};\n\ninterface InterpolatedState {\n\tx: number;\n\ty: number;\n\tscale: number;\n}\n\nfunction interpolateKenBurns(\n\tkeyframes: KenBurnsKeyframe[],\n\ttimeMs: number,\n\tmovementStyle = \"spline\",\n): InterpolatedState {\n\tif (keyframes.length === 0) return { x: 50, y: 50, scale: 1 };\n\tif (keyframes.length === 1) {\n\t\tconst kf = keyframes[0];\n\t\treturn { x: kf.x ?? 50, y: kf.y ?? 50, scale: kf.scale ?? 1 };\n\t}\n\tlet elapsed = 0;\n\tfor (let i = 0; i < keyframes.length; i++) {\n\t\tconst kf = keyframes[i];\n\t\tconst hold = kf.holdMs ?? 0;\n\t\tconst dur = kf.durationMs ?? 0;\n\t\tif (timeMs <= elapsed + hold)\n\t\t\treturn { x: kf.x ?? 50, y: kf.y ?? 50, scale: kf.scale ?? 1 };\n\t\telapsed += hold;\n\t\tif (i < keyframes.length - 1 && dur > 0) {\n\t\t\tif (timeMs <= elapsed + dur) {\n\t\t\t\tconst rawT = (timeMs - elapsed) / dur;\n\t\t\t\tconst t = applyEasing(Math.max(0, Math.min(1, rawT)), kf.easing);\n\t\t\t\tconst next = keyframes[i + 1];\n\t\t\t\tif (movementStyle === \"spline\") {\n\t\t\t\t\tconst prev = keyframes[i - 1] ?? kf;\n\t\t\t\t\tconst afterNext = keyframes[i + 2] ?? next;\n\t\t\t\t\treturn {\n\t\t\t\t\t\tx: catmullRom(\n\t\t\t\t\t\t\tprev.x ?? 50,\n\t\t\t\t\t\t\tkf.x ?? 50,\n\t\t\t\t\t\t\tnext.x ?? 50,\n\t\t\t\t\t\t\tafterNext.x ?? 50,\n\t\t\t\t\t\t\tt,\n\t\t\t\t\t\t),\n\t\t\t\t\t\ty: catmullRom(\n\t\t\t\t\t\t\tprev.y ?? 50,\n\t\t\t\t\t\t\tkf.y ?? 50,\n\t\t\t\t\t\t\tnext.y ?? 50,\n\t\t\t\t\t\t\tafterNext.y ?? 50,\n\t\t\t\t\t\t\tt,\n\t\t\t\t\t\t),\n\t\t\t\t\t\tscale: catmullRom(\n\t\t\t\t\t\t\tprev.scale ?? 1,\n\t\t\t\t\t\t\tkf.scale ?? 1,\n\t\t\t\t\t\t\tnext.scale ?? 1,\n\t\t\t\t\t\t\tafterNext.scale ?? 1,\n\t\t\t\t\t\t\tt,\n\t\t\t\t\t\t),\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\treturn {\n\t\t\t\t\tx: (kf.x ?? 50) + ((next.x ?? 50) - (kf.x ?? 50)) * t,\n\t\t\t\t\ty: (kf.y ?? 50) + ((next.y ?? 50) - (kf.y ?? 50)) * t,\n\t\t\t\t\tscale: (kf.scale ?? 1) + ((next.scale ?? 1) - (kf.scale ?? 1)) * t,\n\t\t\t\t};\n\t\t\t}\n\t\t\telapsed += dur;\n\t\t}\n\t}\n\tconst last = keyframes[keyframes.length - 1];\n\treturn { x: last.x ?? 50, y: last.y ?? 50, scale: last.scale ?? 1 };\n}\n\nfunction calculateSrcRect(\n\tstate: InterpolatedState,\n\tsourceWidth: number,\n\tsourceHeight: number,\n\ttargetAspectRatio: string,\n) {\n\tlet baseBoxW_pct = 100;\n\tlet baseBoxH_pct = 100;\n\n\tif (targetAspectRatio !== \"input\") {\n\t\tconst parts = targetAspectRatio.split(\":\");\n\t\tconst tW = Number(parts[0]);\n\t\tconst tH = Number(parts[1]);\n\t\tif (!Number.isNaN(tW) && !Number.isNaN(tH) && tW > 0 && tH > 0) {\n\t\t\tconst desiredAR = tW / tH;\n\t\t\tconst sourceAR = sourceWidth / sourceHeight;\n\t\t\tif (sourceAR > desiredAR) {\n\t\t\t\tbaseBoxH_pct = 100;\n\t\t\t\tbaseBoxW_pct = (desiredAR / sourceAR) * 100;\n\t\t\t} else {\n\t\t\t\tbaseBoxW_pct = 100;\n\t\t\t\tbaseBoxH_pct = (sourceAR / desiredAR) * 100;\n\t\t\t}\n\t\t}\n\t}\n\n\tconst baseBoxPxW = (baseBoxW_pct / 100) * sourceWidth;\n\tconst baseBoxPxH = (baseBoxH_pct / 100) * sourceHeight;\n\tconst clampedScale = Math.max(state.scale, 1);\n\tconst currentBoxPxW = baseBoxPxW / clampedScale;\n\tconst currentBoxPxH = baseBoxPxH / clampedScale;\n\n\tconst rawFocalX = (state.x / 100) * sourceWidth;\n\tconst rawFocalY = (state.y / 100) * sourceHeight;\n\tconst halfBoxW = currentBoxPxW / 2;\n\tconst halfBoxH = currentBoxPxH / 2;\n\tconst focalX = Math.max(\n\t\thalfBoxW,\n\t\tMath.min(sourceWidth - halfBoxW, rawFocalX),\n\t);\n\tconst focalY = Math.max(\n\t\thalfBoxH,\n\t\tMath.min(sourceHeight - halfBoxH, rawFocalY),\n\t);\n\n\treturn {\n\t\tx: focalX - halfBoxW,\n\t\ty: focalY - halfBoxH,\n\t\twidth: currentBoxPxW,\n\t\theight: currentBoxPxH,\n\t};\n}\n\nconst motionBlurWgsl = `\nstruct MotionBlurUniforms {\n\tprev_origin : vec2<f32>,\n\tprev_size   : vec2<f32>,\n\tcurr_origin : vec2<f32>,\n\tcurr_size   : vec2<f32>,\n\tsamples     : f32,\n\tblurSize    : f32,\n\tpadding     : vec2<f32>,\n};\n\n@group(0) @binding(0) var<uniform> u : MotionBlurUniforms;\n@group(1) @binding(0) var tex        : texture_2d<f32>;\n@group(1) @binding(1) var samp       : sampler;\n\nstruct VSOut {\n\t@builtin(position) pos : vec4<f32>,\n\t@location(0) uv        : vec2<f32>,\n};\n\n@vertex fn vs(@builtin(vertex_index) vi: u32) -> VSOut {\n\tvar pos = array<vec2<f32>, 4>(\n\t\tvec2<f32>(-1.0, 1.0),\n\t\tvec2<f32>(1.0, 1.0),\n\t\tvec2<f32>(-1.0, -1.0),\n\t\tvec2<f32>(1.0, -1.0)\n\t);\n\tvar uv = array<vec2<f32>, 4>(\n\t\tvec2<f32>(0.0, 0.0),\n\t\tvec2<f32>(1.0, 0.0),\n\t\tvec2<f32>(0.0, 1.0),\n\t\tvec2<f32>(1.0, 1.0)\n\t);\n\treturn VSOut(vec4<f32>(pos[vi], 0.0, 1.0), uv[vi]);\n}\n\n@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {\n\tlet uv = in.uv;\n\tlet n = i32(u.samples);\n\t\n\tif (n <= 1) {\n\t\tlet p_curr = u.curr_origin + uv * u.curr_size;\n\t\treturn textureSampleLevel(tex, samp, p_curr, 0.0);\n\t}\n\t\n\tvar color = vec4<f32>(0.0);\n\tfor (var i = 0; i < n; i = i + 1) {\n\t\t// Use blurSize to control the shutter interval width. \n\t\t// t=1.0 is current frame, t=0.0 is previous frame.\n\t\tlet t = 1.0 + (f32(i) / f32(n - 1) - 0.5) * u.blurSize;\n\t\t\n\t\tlet origin = mix(u.prev_origin, u.curr_origin, t);\n\t\tlet size = mix(u.prev_size, u.curr_size, t);\n\t\tlet p_sample = origin + uv * size;\n\t\t\n\t\tcolor += textureSampleLevel(tex, samp, p_sample, 0.0);\n\t}\n\treturn color / f32(n);\n}\n`;\n\ninterface DeviceKenBurnsResources {\n\tmotionBlurPipeline: GPURenderPipeline;\n\tmotionBlurUniformLayout: GPUBindGroupLayout;\n\tsingleTextureLayout: GPUBindGroupLayout;\n}\n\nconst deviceResourceCache = new WeakMap<GPUDevice, DeviceKenBurnsResources>();\nconst motionBlurData = new Float32Array(12);\n\nfunction getMotionBlurResources(device: GPUDevice, format: GPUTextureFormat) {\n\tlet res = deviceResourceCache.get(device);\n\tif (!res) {\n\t\tconst motionBlurUniformLayout = device.createBindGroupLayout({\n\t\t\tentries: [\n\t\t\t\t{\n\t\t\t\t\tbinding: 0,\n\t\t\t\t\tvisibility: GPUShaderStage.FRAGMENT,\n\t\t\t\t\tbuffer: { type: \"uniform\" },\n\t\t\t\t},\n\t\t\t],\n\t\t});\n\t\tconst singleTextureLayout = device.createBindGroupLayout({\n\t\t\tentries: [\n\t\t\t\t{\n\t\t\t\t\tbinding: 0,\n\t\t\t\t\tvisibility: GPUShaderStage.FRAGMENT,\n\t\t\t\t\ttexture: { sampleType: \"float\" },\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tbinding: 1,\n\t\t\t\t\tvisibility: GPUShaderStage.FRAGMENT,\n\t\t\t\t\tsampler: { type: \"filtering\" },\n\t\t\t\t},\n\t\t\t],\n\t\t});\n\t\tconst module = device.createShaderModule({\n\t\t\tlabel: \"kenburns_motionblur.wgsl\",\n\t\t\tcode: motionBlurWgsl,\n\t\t});\n\t\tconst motionBlurPipeline = device.createRenderPipeline({\n\t\t\tlabel: \"MotionBlurPipeline\",\n\t\t\tlayout: device.createPipelineLayout({\n\t\t\t\tbindGroupLayouts: [motionBlurUniformLayout, singleTextureLayout],\n\t\t\t}),\n\t\t\tvertex: { module, entryPoint: \"vs\" },\n\t\t\tfragment: { module, entryPoint: \"fs\", targets: [{ format }] },\n\t\t\tprimitive: { topology: \"triangle-strip\" },\n\t\t});\n\t\tres = { motionBlurPipeline, motionBlurUniformLayout, singleTextureLayout };\n\t\tdeviceResourceCache.set(device, res);\n\t}\n\treturn res;\n}\n\nexport const KenBurnsWebGPURenderer: WebGPUNodeRenderer = async (args) => {\n\tconst {\n\t\tctx,\n\t\tencoder,\n\t\tpass,\n\t\ttargetView,\n\t\ttargetTexture,\n\t\ttargetWidth,\n\t\ttargetHeight,\n\t\tprops,\n\t\tdrawChild,\n\t} = args;\n\n\tconst {\n\t\tvirtualMedia,\n\t\tcontainerWidth,\n\t\tcontainerHeight,\n\t\tframe,\n\t\tfps,\n\t\ttrimStartOverride,\n\t\topacity = 1,\n\t\tinheritedSeekOffset = 0,\n\t} = props;\n\n\tconst op = virtualMedia.operation as any;\n\tif (op?.op !== \"KenBurns\") return;\n\n\tconst childMedia = virtualMedia.children?.[0];\n\tif (!childMedia) return;\n\n\t// ── Source dimensions ────────────────────────────────────────────────────\n\tconst sourceWidth =\n\t\top.originalWidth ??\n\t\tchildMedia.metadata?.width ??\n\t\tvirtualMedia.metadata?.width ??\n\t\tcontainerWidth ??\n\t\ttargetWidth;\n\tconst sourceHeight =\n\t\top.originalHeight ??\n\t\tchildMedia.metadata?.height ??\n\t\tvirtualMedia.metadata?.height ??\n\t\tcontainerHeight ??\n\t\ttargetHeight;\n\n\tconst keyframes = op.keyframes ?? [];\n\tconst movementStyle = op.movementStyle ?? \"spline\";\n\tconst targetAspectRatio = op.aspectRatio || \"input\";\n\n\t// ── Interpolate Ken Burns state ──────────────────────────────────────────\n\tconst offsetMs = ((trimStartOverride ?? 0) + inheritedSeekOffset) * 1000;\n\tconst fpsVal = Math.max(1, fps ?? 30);\n\tconst frameDurationMs = 1000 / fpsVal;\n\tconst timeMs = offsetMs + ((frame ?? 0) / fpsVal) * 1000;\n\tconst prevTimeMs = timeMs - frameDurationMs;\n\n\tconst state = interpolateKenBurns(keyframes, timeMs, movementStyle);\n\tconst prevState = interpolateKenBurns(keyframes, prevTimeMs, movementStyle);\n\n\tconst srcRect = calculateSrcRect(\n\t\tstate,\n\t\tsourceWidth,\n\t\tsourceHeight,\n\t\ttargetAspectRatio,\n\t);\n\tconst prevSrcRect = calculateSrcRect(\n\t\tprevState,\n\t\tsourceWidth,\n\t\tsourceHeight,\n\t\ttargetAspectRatio,\n\t);\n\tconst dstWidth = containerWidth ?? targetWidth;\n\tconst dstHeight = containerHeight ?? targetHeight;\n\tconst dstRect = { x: 0, y: 0, width: dstWidth, height: dstHeight };\n\n\t// ── 5. Render child into a temporary offscreen texture ───────────────────\n\t//\n\t// ROOT CAUSE FIX: drawChild receives `matrix: new DOMMatrix()` which resets\n\t// the renderer's transform stack internally, so pushTransform() is silently\n\t// ignored by the child. We therefore render the child to a temp texture at\n\t// its native size (no Ken Burns transform applied), then composite the\n\t// cropped region ourselves using drawTextureRegion — which does not depend\n\t// on the transform stack at all.\n\t//\n\tconst tempTex = ctx.renderer.getTemporaryTexture(sourceWidth, sourceHeight, [\n\t\t...(props.excludeTextures || []),\n\t\ttargetTexture,\n\t]);\n\tconst tempView = tempTex.createView();\n\n\t// End the current pass before starting child rendering.\n\tpass.end();\n\n\t// Clear the temporary texture to avoid garbage from previous frames\n\tconst clearPass = ctx.renderer.beginFrame(\n\t\tencoder,\n\t\ttempView,\n\t\t{ r: 0, g: 0, b: 0, a: 0 },\n\t\tsourceWidth,\n\t\tsourceHeight,\n\t\t\"clear\",\n\t);\n\tclearPass.end();\n\n\tctx.renderer.pushScissor({\n\t\tx: 0,\n\t\ty: 0,\n\t\twidth: sourceWidth,\n\t\theight: sourceHeight,\n\t});\n\tctx.renderer.pushIdentity();\n\n\tawait drawChild(\n\t\tchildMedia,\n\t\t{\n\t\t\t...props,\n\t\t\tcontainerWidth: sourceWidth,\n\t\t\tcontainerHeight: sourceHeight,\n\t\t},\n\t\ttempView,\n\t\ttempTex,\n\t\tsourceWidth,\n\t\tsourceHeight,\n\t);\n\n\tctx.renderer.popTransform();\n\tctx.renderer.popScissor();\n\n\tconst motionBlurSize = op.motionBlurSize ?? 1.5;\n\tlet blurTex: GPUTexture | null = null;\n\n\tif (motionBlurSize > 0) {\n\t\tconst {\n\t\t\tmotionBlurPipeline: pipeline,\n\t\t\tmotionBlurUniformLayout: uLayout,\n\t\t\tsingleTextureLayout: tLayout,\n\t\t} = getMotionBlurResources(ctx.device, ctx.renderer.format);\n\t\tconst sampler = ctx.renderer.samplerCache.getSampler(ctx.device);\n\n\t\tmotionBlurData[0] = prevSrcRect.x / sourceWidth;\n\t\tmotionBlurData[1] = prevSrcRect.y / sourceHeight;\n\t\tmotionBlurData[2] = prevSrcRect.width / sourceWidth;\n\t\tmotionBlurData[3] = prevSrcRect.height / sourceHeight;\n\t\tmotionBlurData[4] = srcRect.x / sourceWidth;\n\t\tmotionBlurData[5] = srcRect.y / sourceHeight;\n\t\tmotionBlurData[6] = srcRect.width / sourceWidth;\n\t\tmotionBlurData[7] = srcRect.height / sourceHeight;\n\t\tmotionBlurData[8] = 12; // samples\n\t\tmotionBlurData[9] = motionBlurSize;\n\n\t\tconst uBuffer = ctx.renderer.getTemporaryBuffer(motionBlurData);\n\n\t\t// 1. Create a temporary texture for the blurred result at layer size\n\t\tblurTex = ctx.renderer.getTemporaryTexture(dstWidth, dstHeight, [\n\t\t\ttargetTexture,\n\t\t\ttempTex,\n\t\t\t...(props.excludeTextures || []),\n\t\t]);\n\t\tconst blurView = blurTex.createView();\n\n\t\t// 2. Render blurred result into blurTex\n\t\tconst blurPass = encoder.beginRenderPass({\n\t\t\tcolorAttachments: [\n\t\t\t\t{\n\t\t\t\t\tview: blurView,\n\t\t\t\t\tloadOp: \"clear\",\n\t\t\t\t\tstoreOp: \"store\",\n\t\t\t\t\tclearValue: { r: 0, g: 0, b: 0, a: 0 },\n\t\t\t\t},\n\t\t\t],\n\t\t});\n\n\t\tblurPass.setPipeline(pipeline!);\n\t\tblurPass.setBindGroup(\n\t\t\t0,\n\t\t\tctx.device.createBindGroup({\n\t\t\t\tlayout: uLayout!,\n\t\t\t\tentries: [{ binding: 0, resource: { buffer: uBuffer } }],\n\t\t\t}),\n\t\t);\n\t\tblurPass.setBindGroup(\n\t\t\t1,\n\t\t\tctx.renderer.bindGroupCache.getBindGroup(\n\t\t\t\tctx.device,\n\t\t\t\ttLayout!,\n\t\t\t\ttempTex,\n\t\t\t\tsampler,\n\t\t\t),\n\t\t);\n\t\tblurPass.draw(4);\n\t\tblurPass.end();\n\t}\n\n\t// ── 6. Composite the cropped source onto the output ──────────────────────\n\t// Begin a new pass on the real target, preserving any existing content.\n\tconst outPass = ctx.renderer.beginFrame(\n\t\tencoder,\n\t\ttargetView,\n\t\t{ r: 0, g: 0, b: 0, a: 0 },\n\t\ttargetWidth,\n\t\ttargetHeight,\n\t\t\"load\",\n\t);\n\n\tif (blurTex) {\n\t\t// 3. Draw the blurred result to the target (respecting parent transform)\n\t\tctx.renderer.drawTexture(outPass, blurTex, dstRect, { opacity });\n\t} else {\n\t\tctx.renderer.drawTextureRegion(outPass, tempTex, srcRect, dstRect, {\n\t\t\topacity,\n\t\t});\n\t}\n\n\targs.pass = outPass;\n};\n","import { defineRenderer } from \"@framefields/node-sdk/renderer\";\nimport { KenBurnsWebGPURenderer } from \"./webgpu-renderer.js\";\n\nexport default defineRenderer({\n\tWebGPURenderer: KenBurnsWebGPURenderer,\n});\n"],"mappings":"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"}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@framefields/node-kenburns",
+  "version": "2.0.2",
+  "license": "Apache-2.0",
+  "private": false,
+  "framefields": {
+    "type": "KenBurns",
+    "kind": "effect"
+  },
+  "type": "module",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "development": "./src/index.ts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/index.mjs"
+    },
+    "./renderer": {
+      "types": "./dist/renderer.d.mts",
+      "development": "./src/renderers/index.ts",
+      "import": "./dist/renderer.mjs",
+      "default": "./dist/renderer.mjs"
+    }
+  },
+  "dependencies": {
+    "zod": "^4.3.6",
+    "@framefields/core": "2.0.2",
+    "@framefields/node-sdk": "2.0.2"
+  },
+  "devDependencies": {
+    "@types/node": "^24.1.0",
+    "tsdown": "^0.19.0",
+    "typescript": "^5.8.3",
+    "@framefields/tsconfig": "2.0.2"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "clean": "rm -rf dist"
+  }
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from "./shared/index.js";
+export * from "./renderers/index.js";

package/src/renderers/index.ts

@@ -0,0 +1,6 @@
+import { defineRenderer } from "@framefields/node-sdk/renderer";
+import { KenBurnsWebGPURenderer } from "./webgpu-renderer.js";
+
+export default defineRenderer({
+	WebGPURenderer: KenBurnsWebGPURenderer,
+});