@motion-core/motion-gpu 0.4.0 → 0.4.2

package/src/lib/core/render-graph.ts

@@ -0,0 +1,143 @@
+import type { RenderPass, RenderPassInputSlot, RenderPassOutputSlot } from './types.js';
+
+/**
+ * Resolved render-pass step with defaults applied.
+ */
+export interface RenderGraphStep {
+	/**
+	 * User pass instance.
+	 */
+	pass: RenderPass;
+	/**
+	 * Resolved input slot.
+	 */
+	input: RenderPassInputSlot;
+	/**
+	 * Resolved output slot.
+	 */
+	output: RenderPassOutputSlot;
+	/**
+	 * Whether ping-pong swap should be performed after render.
+	 */
+	needsSwap: boolean;
+	/**
+	 * Whether pass should clear output before drawing.
+	 */
+	clear: boolean;
+	/**
+	 * Effective clear color.
+	 */
+	clearColor: [number, number, number, number];
+	/**
+	 * Whether output should be preserved after pass ends.
+	 */
+	preserve: boolean;
+}
+
+/**
+ * Immutable render-graph execution plan for one frame.
+ */
+export interface RenderGraphPlan {
+	/**
+	 * Resolved enabled steps in execution order.
+	 */
+	steps: RenderGraphStep[];
+	/**
+	 * Output slot holding final frame result before presentation.
+	 */
+	finalOutput: RenderPassOutputSlot;
+}
+
+/**
+ * Creates a copy of RGBA clear color.
+ */
+function cloneClearColor(
+	color: [number, number, number, number]
+): [number, number, number, number] {
+	return [color[0], color[1], color[2], color[3]];
+}
+
+/**
+ * Builds validated render graph plan from runtime pass list.
+ *
+ * @param passes - Runtime passes.
+ * @param defaultClearColor - Global clear color fallback.
+ * @returns Resolved render graph plan.
+ */
+export function planRenderGraph(
+	passes: RenderPass[] | undefined,
+	defaultClearColor: [number, number, number, number],
+	renderTargetSlots?: Iterable<string>
+): RenderGraphPlan {
+	const steps: RenderGraphStep[] = [];
+	const declaredTargets = new Set(renderTargetSlots ?? []);
+	const availableSlots = new Set<RenderPassInputSlot | RenderPassOutputSlot>(['source']);
+	let finalOutput: RenderPassOutputSlot = 'canvas';
+	let enabledIndex = 0;
+
+	for (const pass of passes ?? []) {
+		if (pass.enabled === false) {
+			continue;
+		}
+
+		const needsSwap = pass.needsSwap ?? true;
+		const input: RenderPassInputSlot = pass.input ?? 'source';
+		const output: RenderPassOutputSlot = pass.output ?? (needsSwap ? 'target' : 'source');
+
+		if (input === 'canvas') {
+			throw new Error(`Render pass #${enabledIndex} cannot read from "canvas".`);
+		}
+
+		const inputIsNamed = input !== 'source' && input !== 'target';
+		if (inputIsNamed && !declaredTargets.has(input)) {
+			throw new Error(`Render pass #${enabledIndex} reads unknown target "${input}".`);
+		}
+
+		const outputIsNamed = output !== 'source' && output !== 'target' && output !== 'canvas';
+		if (outputIsNamed && !declaredTargets.has(output)) {
+			throw new Error(`Render pass #${enabledIndex} writes unknown target "${output}".`);
+		}
+
+		if (needsSwap && (input !== 'source' || output !== 'target')) {
+			throw new Error(
+				`Render pass #${enabledIndex} uses needsSwap=true but does not follow source->target flow.`
+			);
+		}
+
+		if (!availableSlots.has(input)) {
+			throw new Error(`Render pass #${enabledIndex} reads "${input}" before it is written.`);
+		}
+
+		const clear = pass.clear ?? false;
+		const clearColor = cloneClearColor(pass.clearColor ?? defaultClearColor);
+		const preserve = pass.preserve ?? true;
+
+		steps.push({
+			pass,
+			input,
+			output,
+			needsSwap,
+			clear,
+			clearColor,
+			preserve
+		});
+
+		if (needsSwap) {
+			availableSlots.add('target');
+			availableSlots.add('source');
+			finalOutput = 'source';
+		} else {
+			if (output !== 'canvas') {
+				availableSlots.add(output);
+			}
+			finalOutput = output;
+		}
+
+		enabledIndex += 1;
+	}
+
+	return {
+		steps,
+		finalOutput
+	};
+}

package/src/lib/core/render-targets.ts

@@ -0,0 +1,107 @@
+import { assertUniformName } from './uniforms.js';
+import type { RenderTargetDefinitionMap } from './types.js';
+
+/**
+ * Concrete render target configuration resolved for current canvas size.
+ */
+export interface ResolvedRenderTargetDefinition {
+	/**
+	 * Render target key.
+	 */
+	key: string;
+	/**
+	 * Resolved width in pixels.
+	 */
+	width: number;
+	/**
+	 * Resolved height in pixels.
+	 */
+	height: number;
+	/**
+	 * Resolved format.
+	 */
+	format: GPUTextureFormat;
+}
+
+/**
+ * Asserts positive finite numeric input for render target options.
+ */
+function assertPositiveFinite(name: string, value: number): void {
+	if (!Number.isFinite(value) || value <= 0) {
+		throw new Error(`${name} must be a finite number greater than 0`);
+	}
+}
+
+/**
+ * Resolves a render target dimension from explicit value or scaled canvas size.
+ */
+function resolveDimension(
+	explicitValue: number | undefined,
+	canvasDimension: number,
+	scale: number
+): number {
+	if (explicitValue !== undefined) {
+		assertPositiveFinite('RenderTarget dimension', explicitValue);
+		return Math.max(1, Math.floor(explicitValue));
+	}
+
+	return Math.max(1, Math.floor(canvasDimension * scale));
+}
+
+/**
+ * Resolves all render target definitions for a specific canvas size.
+ *
+ * @param definitions - Declarative definitions.
+ * @param canvasWidth - Current canvas width in pixels.
+ * @param canvasHeight - Current canvas height in pixels.
+ * @param defaultFormat - Fallback texture format.
+ * @returns Sorted concrete render target definitions.
+ */
+export function resolveRenderTargetDefinitions(
+	definitions: RenderTargetDefinitionMap | undefined,
+	canvasWidth: number,
+	canvasHeight: number,
+	defaultFormat: GPUTextureFormat
+): ResolvedRenderTargetDefinition[] {
+	if (!definitions) {
+		return [];
+	}
+
+	const keys = Object.keys(definitions).sort();
+	const resolved: ResolvedRenderTargetDefinition[] = [];
+
+	for (const key of keys) {
+		assertUniformName(key);
+		const definition = definitions[key];
+		const scale = definition?.scale ?? 1;
+		assertPositiveFinite('RenderTarget scale', scale);
+
+		const width = resolveDimension(definition?.width, canvasWidth, scale);
+		const height = resolveDimension(definition?.height, canvasHeight, scale);
+
+		resolved.push({
+			key,
+			width,
+			height,
+			format: definition?.format ?? defaultFormat
+		});
+	}
+
+	return resolved;
+}
+
+/**
+ * Builds a deterministic signature used to detect render target topology changes.
+ *
+ * @param resolvedDefinitions - Concrete target definitions.
+ * @returns Stable signature string.
+ */
+export function buildRenderTargetSignature(
+	resolvedDefinitions: ResolvedRenderTargetDefinition[]
+): string {
+	return resolvedDefinitions
+		.map((definition) => {
+			return `${definition.key}:${definition.format}:${definition.width}x${definition.height}`;
+		})
+		.join('|');
+}