framefields 2.0.9 → 2.0.11

package/dist/{renderer-B1UeU7lX.mjs → renderer-BfAWZziM.mjs}

@@ -1,12 +1,12 @@
-import { It as resolveNumber, Nt as reportRenderDiagnostic, Pt as resolveBoolean, bt as getActiveMediaMetadata, f as DEFAULT_DURATION_MS } from "./dist-B9Afsv83.mjs";
+import { Gt as reportRenderDiagnostic, Jt as resolveNumber, Kt as resolveBoolean, p as DEFAULT_DURATION_MS, wt as getActiveMediaMetadata } from "./dist-CbG3QxDw.mjs";
 import { n as defineRenderer, t as audioRegistry } from "./renderer-CtVkU_GA.mjs";
-import { I as generateExtrudedTextGeometry, J as parseColor, K as measureMaxCaptionHeight, Q as poseNodes, S as Vector3Math, V as jointMatrices, a as Camera3D, g as ScreenSpaceRelightPipeline, l as Matrix4Math, m as Renderer3D, n as AudioLatentTrackCache, rt as srtLoader, st as resolveMediaSourceUrl, y as SlugFontCache } from "./dist-DgfykO99.mjs";
-import { a as resolveLayerDuration, g as measureText, n as decodeAudioSource } from "./dist-CoSg-CWr.mjs";
+import { $ as poseNodes, H as jointMatrices, I as generateExtrudedTextGeometry, R as getPrimitiveGeometry, S as Vector3Math, Y as parseColor, a as Camera3D, c as Light3D, ct as resolveMediaSourceUrl, g as ScreenSpaceRelightPipeline, it as srtLoader, l as Matrix4Math, m as Renderer3D, n as AudioLatentTrackCache, q as measureMaxCaptionHeight, y as SlugFontCache } from "./dist-Cxi68OuY.mjs";
+import { a as resolveLayerDuration, g as measureText, n as decodeAudioSource } from "./dist-BAVZdFEJ.mjs";
 import { o as TemporalDeflickerPipeline } from "./dist-C_hjvkdN.mjs";
-import { Gt as initLayout, Rt as evaluateTrackAtFrame, St as computeLayout, vt as collectNodeOps } from "./program-C797QMRL.mjs";
+import { Ct as collectNodeOps, Dt as computeLayout, Ut as evaluateTrackAtFrame, Zt as initLayout } from "./program-BmNKgzja.mjs";
 import gsapModule from "gsap";
 
-//#region ../../nodes/node-compositor/dist/renderers-DZwweR5N.mjs
+//#region ../../nodes/node-compositor/dist/renderers-BAr6K7E8.mjs
 /**
 * Solves a cubic bezier curve defined by control points (x1, y1) and (x2, y2)
 * for a given progress parameter t in [0, 1].
@@ -1338,6 +1338,25 @@ function drawProjectedQuad(ctx, encoder, destView, sourceTex, quad, destWidth, d
 	renderPass.draw(4);
 	renderPass.end();
 }
+/**
+* Emissive and shadow participation for a 3D draw: animated values first,
+* then the node's own, then (meshes) the model file's material.
+*/
+function surfaceProps(target, lop, mat) {
+	const toSrgb = (v) => v <= .0031308 ? 12.92 * v : 1.055 * v ** (1 / 2.4) - .055;
+	const emissive = target?.emissive ?? lop.emissive ?? (mat?.emissive ? [
+		toSrgb(mat.emissive[0]),
+		toSrgb(mat.emissive[1]),
+		toSrgb(mat.emissive[2])
+	] : void 0);
+	const out = {};
+	if (emissive !== void 0) {
+		out.emissive = emissive;
+		out.emissiveIntensity = target?.emissiveIntensity ?? lop.emissiveIntensity ?? mat?.emissiveStrength ?? 1;
+	}
+	if (lop.castShadow !== void 0) out.castShadow = lop.castShadow;
+	return out;
+}
 function computeContainerScissor(matrix, width, height) {
 	const corners = [
 		matrix.transformPoint(new DOMPoint(0, 0)),
@@ -1524,6 +1543,9 @@ const CompositorWebGPURenderer = async (args) => {
 		let camera = null;
 		let dofEnabled = false;
 		const sceneLights = [];
+		let sceneEnvironment = null;
+		let sceneBloom = null;
+		let shadowMapSize;
 		if (is3DScene) {
 			const camOp = cameraVM?.operation;
 			const camStub = camOp?.id ? targetsById[camOp.id] : void 0;
@@ -1593,6 +1615,23 @@ const CompositorWebGPURenderer = async (args) => {
 					if (durationFrames !== void 0 && shiftedFrame >= startFrame + durationFrames) continue;
 				}
 				const lightType = target?.lightType ?? lop.lightType ?? "point";
+				if (lightType === "environment") {
+					const intensity$1 = target?.intensity ?? lop.intensity;
+					sceneEnvironment = {
+						preset: lop.preset,
+						top: lop.top,
+						horizon: lop.horizon,
+						bottom: lop.bottom,
+						softboxes: target?.softboxes ?? lop.softboxes,
+						rotation: target?.rotation ?? lop.rotation,
+						exposure: target?.exposure ?? lop.exposure,
+						toneMapping: lop.toneMapping,
+						fog: lop.fog,
+						...intensity$1 !== void 0 && { intensity: intensity$1 }
+					};
+					sceneBloom = lop.bloom === true ? {} : lop.bloom && typeof lop.bloom === "object" ? { ...lop.bloom } : null;
+					continue;
+				}
 				const color = parseColor(target?.color ?? lop.color ?? "#ffffff");
 				const intensity = target?.intensity ?? lop.intensity ?? 1;
 				const x = target?.x ?? lop.x ?? 0;
@@ -1622,11 +1661,17 @@ const CompositorWebGPURenderer = async (args) => {
 					radius,
 					angle,
 					penumbra,
-					decay
+					decay,
+					castShadow: Boolean(lop.castShadow),
+					shadowSoftness: target?.shadowSoftness ?? lop.shadowSoftness,
+					shadowDarkness: target?.shadowDarkness ?? lop.shadowDarkness
 				});
+				if (lop.castShadow && lop.shadowMapSize) shadowMapSize = lop.shadowMapSize;
 			}
 		}
 		const pending3DItems = [];
+		/** Textures the queued 3D items still read: their layers and mattes. */
+		const pendingTextures = () => pending3DItems.flatMap((q) => [q.texture, q.opts.matte]).filter((t) => Boolean(t));
 		const flush3DPass = (curTex, curView, curExcludes) => {
 			if (pending3DItems.length === 0 || !camera) return {
 				finalTex: curTex,
@@ -1634,7 +1679,7 @@ const CompositorWebGPURenderer = async (args) => {
 			};
 			const r3d = getRenderer3D(ctx.device, ctx.renderer.format ?? "rgba8unorm", sampleCount3d);
 			for (const item of pending3DItems) if (item.kind === "mesh" && item.opts.audioDeform) item.meshBuffers = r3d.deformMesh(encoder, item.mesh, item.opts.audioDeform);
-			const itemTextures = pending3DItems.map((q) => q.kind === "quad" ? q.texture : q.texture).filter((t) => Boolean(t));
+			const itemTextures = pendingTextures();
 			const scene3dTex = ctx.renderer.getTemporaryTexture(nativeWidth, nativeHeight, [
 				curTex,
 				targetTexture,
@@ -1648,12 +1693,41 @@ const CompositorWebGPURenderer = async (args) => {
 				linearDepthTex = r3d.getOrCreateLinearDepthTexture(nativeWidth, nativeHeight);
 				linearDepthView = linearDepthTex.createView();
 			}
+			let shadow = null;
+			const casterIndex = Light3D.shadowCasterIndex(sceneLights);
+			if (casterIndex >= 0) {
+				const casters = [];
+				const receivers = [];
+				for (const item of pending3DItems) if (item.kind === "mesh") {
+					const caster = {
+						kind: "mesh",
+						mesh: item.mesh,
+						buffers: item.meshBuffers,
+						opts: item.opts
+					};
+					receivers.push(r3d.worldBounds(caster));
+					if (item.opts.castShadow !== false && item.opts.material !== "unlit") casters.push(caster);
+				} else if (item.kind === "quad") {
+					const caster = {
+						kind: "quad",
+						texture: item.texture,
+						opts: item.opts
+					};
+					receivers.push(r3d.worldBounds(caster));
+					if (item.opts.castShadow === true) casters.push(caster);
+				}
+				const shadowLight = sceneLights.filter((l) => (l.lightType ?? l.type) !== "ambient")[casterIndex];
+				if (shadowLight && casters.length > 0) shadow = r3d.renderShadowMap(encoder, shadowLight, casterIndex, casters, receivers, { mapSize: shadowMapSize });
+			}
 			const { pass: pass3d, cameraBindGroup, cameraBuffer, lightsBindGroup } = r3d.beginPass(encoder, scene3dView, nativeWidth, nativeHeight, camera, "clear", {
 				r: 0,
 				g: 0,
 				b: 0,
 				a: 0
-			}, linearDepthView, sceneLights);
+			}, linearDepthView, sceneLights, {
+				environment: sceneEnvironment,
+				shadow
+			}, Boolean(sceneBloom));
 			for (const item of pending3DItems) if (item.kind === "quad") r3d.drawTextureQuad(pass3d, cameraBindGroup, lightsBindGroup, item.texture, item.opts, dofEnabled);
 			else if (item.kind === "slug") r3d.drawSlugText(pass3d, cameraBindGroup, lightsBindGroup, item.batches, item.opts, item.stackBase, dofEnabled);
 			else if (item.kind === "mesh") r3d.drawMesh3D(pass3d, cameraBindGroup, lightsBindGroup, item.meshBuffers ?? item.mesh, item.texture, item.opts, dofEnabled);
@@ -1669,6 +1743,17 @@ const CompositorWebGPURenderer = async (args) => {
 				r3d.applyDepthOfField(encoder, scene3dTex, linearDepthTex, dofResultTex.createView(), cameraBuffer);
 				final3dTex = dofResultTex;
 			}
+			if (sceneBloom) {
+				const bloomTex = ctx.renderer.getTemporaryTexture(nativeWidth, nativeHeight, [
+					curTex,
+					targetTexture,
+					final3dTex,
+					scene3dTex,
+					...curExcludes
+				]);
+				r3d.applyBloom(encoder, final3dTex, bloomTex, sceneBloom, r3d.hdrSource());
+				final3dTex = bloomTex;
+			}
 			const nextTex = ctx.renderer.composite(encoder, curTex, final3dTex, "normal", [targetTexture, ...curExcludes]);
 			pending3DItems.length = 0;
 			return {
@@ -1684,9 +1769,15 @@ const CompositorWebGPURenderer = async (args) => {
 			let activeTex = initialTex;
 			let activeView = initialView;
 			let activeExcludes = excludes;
+			const mattesByOwner = /* @__PURE__ */ new Map();
+			for (const vm of vms) {
+				const owner = vm.operation?.matteOf;
+				if (owner) mattesByOwner.set(owner, vm);
+			}
 			for (const child of sorted) {
 				const lop = child.operation;
 				if (lop.kind === "camera" || lop.kind === "light") continue;
+				if (lop.matteOf) continue;
 				const targetId = lop.id || lop.inputHandleId;
 				const target = targetId ? targetsById[targetId] : void 0;
 				const isChild3D = Boolean(target?.is3D ?? lop.is3D) || Boolean(camera && ((target?.z ?? lop.z ?? 0) !== 0 || lop.is3D)) || Boolean(parent3DMatrix);
@@ -1710,6 +1801,87 @@ const CompositorWebGPURenderer = async (args) => {
 					continue;
 				}
 				nodeIndex += 1;
+				const matteVM = lop.matteId ? mattesByOwner.get(lop.id) : void 0;
+				if (matteVM) {
+					const isolate = async (vm, index) => {
+						const queued = pending3DItems.splice(0);
+						const busy = [
+							targetTexture,
+							activeTex,
+							...activeExcludes,
+							...queued.flatMap((q) => [q.texture, q.opts.matte])
+						].filter((t) => Boolean(t));
+						const tex = ctx.renderer.getTemporaryTexture(targetW, targetH, busy);
+						const view = tex.createView();
+						ctx.renderer.beginFrame(encoder, view, {
+							r: 0,
+							g: 0,
+							b: 0,
+							a: 0
+						}, targetW, targetH, "clear").end();
+						const drawn = (await renderLayerVM(vm, index, tex, view, busy.filter((t) => t !== targetTexture), accumulatedOpacity, parentMatrix, parentRect, targetW, targetH, parent3DMatrix, false))?.finalTex ?? tex;
+						const flat = flush3DPass(drawn, drawn.createView(), busy).finalTex;
+						pending3DItems.push(...queued);
+						return flat;
+					};
+					const mode = matteVM.operation.matteMode ?? "alpha";
+					const blend = mode === "luma" ? "luma-in" : mode === "luma-inverted" ? "luma-out" : mode === "alpha-inverted" ? "destination-out" : "destination-in";
+					if (isChild3D) {
+						let coverage = await isolate(matteVM, nodeIndex);
+						activeExcludes = [...activeExcludes, coverage];
+						nodeIndex += 1;
+						if (mode !== "alpha") {
+							const white = ctx.renderer.getTemporaryTexture(targetW, targetH, [
+								targetTexture,
+								activeTex,
+								...activeExcludes,
+								...pendingTextures()
+							]);
+							ctx.renderer.beginFrame(encoder, white.createView(), {
+								r: 1,
+								g: 1,
+								b: 1,
+								a: 1
+							}, targetW, targetH, "clear").end();
+							coverage = ctx.renderer.composite(encoder, white, coverage, blend, [
+								targetTexture,
+								activeTex,
+								...activeExcludes,
+								...pendingTextures(),
+								white
+							]);
+							activeExcludes = [...activeExcludes, coverage];
+						}
+						const before = pending3DItems.length;
+						const res$1 = await renderLayerVM(child, nodeIndex, activeTex, activeView, activeExcludes, accumulatedOpacity, parentMatrix, parentRect, targetW, targetH, parent3DMatrix, isRootScene);
+						for (const item of pending3DItems.slice(before)) item.opts.matte = coverage;
+						if (res$1) {
+							if (res$1.finalTex !== activeTex) activeExcludes = [...activeExcludes, res$1.finalTex];
+							activeTex = res$1.finalTex;
+							activeView = res$1.finalView;
+						}
+						continue;
+					}
+					const contentTex = await isolate(child, nodeIndex);
+					activeExcludes = [...activeExcludes, contentTex];
+					nodeIndex += 1;
+					const matteTex = await isolate(matteVM, nodeIndex);
+					const masked = ctx.renderer.composite(encoder, contentTex, matteTex, blend, [
+						targetTexture,
+						activeTex,
+						...activeExcludes,
+						matteTex
+					]);
+					const next = ctx.renderer.composite(encoder, activeTex, masked, "normal", [
+						targetTexture,
+						...activeExcludes,
+						matteTex
+					]);
+					activeExcludes = [...activeExcludes, next];
+					activeTex = next;
+					activeView = next.createView();
+					continue;
+				}
 				const res = await renderLayerVM(child, nodeIndex, activeTex, activeView, activeExcludes, accumulatedOpacity, parentMatrix, parentRect, targetW, targetH, parent3DMatrix, isRootScene);
 				if (res) {
 					if (res.finalTex !== activeTex) activeExcludes = [...activeExcludes, res.finalTex];
@@ -1729,7 +1901,7 @@ const CompositorWebGPURenderer = async (args) => {
 			};
 		};
 		const renderLayerVM = async (nodeVM, i, destTex, destView, baseExcludes, accumulatedOpacity, parentMatrix, parentRect, targetW = nativeWidth, targetH = nativeHeight, parent3DMatrix = null, isRootScene = false) => {
-			const excludes = [...baseExcludes, ...pending3DItems.map((q) => q.texture).filter((t) => Boolean(t))];
+			const excludes = [...baseExcludes, ...pendingTextures()];
 			const lop = nodeVM.operation;
 			if (lop.kind === "camera" || lop.kind === "light") return;
 			const targetId = lop.id || lop.inputHandleId;
@@ -1757,6 +1929,10 @@ const CompositorWebGPURenderer = async (args) => {
 						lop.modelData = modelSrc;
 					}
 				}
+				if (!modelSrc && lop.primitive3d) {
+					modelSrc = getPrimitiveGeometry(lop.primitive3d);
+					lop.modelData = modelSrc;
+				}
 				if (!modelSrc) return;
 				let model;
 				try {
@@ -1993,8 +2169,10 @@ const CompositorWebGPURenderer = async (args) => {
 						specularIntensity: target?.specularIntensity ?? lop.specularIntensity ?? .5,
 						ambientIntensity: target?.ambientIntensity ?? lop.ambientIntensity ?? 1,
 						metallic: target?.metallic ?? lop.metallic ?? mat?.metallic,
+						...surfaceProps(target, lop, mat),
 						audioDeform: meshAudioDeform
 					};
+					if (mat) meshOpts.maps = await r3d.materialMaps(mat);
 					pending3DItems.push({
 						kind: "mesh",
 						mesh,
@@ -2150,7 +2328,7 @@ const CompositorWebGPURenderer = async (args) => {
 						activeTex,
 						targetTexture,
 						...excludes,
-						...pending3DItems.map((q) => q.texture).filter((t) => Boolean(t))
+						...pendingTextures()
 					];
 					const groupTex$1 = ctx.renderer.getTemporaryTexture(texW$1, texH$1, groupExcludes$1);
 					const groupView$1 = groupTex$1.createView();
@@ -2254,6 +2432,7 @@ const CompositorWebGPURenderer = async (args) => {
 						specularIntensity: target?.specularIntensity ?? lop.specularIntensity,
 						ambientIntensity: target?.ambientIntensity ?? lop.ambientIntensity,
 						metallic: target?.metallic ?? lop.metallic,
+						...surfaceProps(target, lop),
 						...modelMatrix && { modelMatrix }
 					};
 					pending3DItems.push({
@@ -2589,7 +2768,8 @@ const CompositorWebGPURenderer = async (args) => {
 				const textTrack = lop.animation?.tracks?.find((t) => t.prop === "text");
 				if (!hasKineticAnimators$1 && !hasTypewriter && (textTrack !== void 0 || typeof target?.text === "number") && fullText.length > 0) {
 					const progress = typeof target?.text === "number" ? Math.max(0, Math.min(1, target.text)) : 1;
-					if (progress >= 1) displayText = fullText;
+					const countsUnits = typeof target?.text === "number" && target.text > 1.0001;
+					if (progress >= 1 && !countsUnits) displayText = fullText;
 					else if (progress <= 0) displayText = "";
 					else {
 						const presetType = textTrack?.keyframes?.find((k) => k.presetType)?.presetType ?? "typewriter";
@@ -2994,6 +3174,7 @@ const CompositorWebGPURenderer = async (args) => {
 					specularIntensity: target?.specularIntensity ?? lop.specularIntensity,
 					ambientIntensity: target?.ambientIntensity ?? lop.ambientIntensity,
 					metallic: target?.metallic ?? lop.metallic,
+					...surfaceProps(target, lop),
 					...modelMatrix && { modelMatrix }
 				};
 				const quadHasContent = layerHasRaster || Boolean(quadOpts.borderWidth && quadOpts.borderWidth > 0 && quadOpts.borderColor);
@@ -3302,4 +3483,4 @@ var renderers_default = defineRenderer({ WebGPURenderer: CompositorWebGPURendere
 
 //#endregion
 export { Transform3DMath, renderers_default as default, has3DTransform, solveHomography };
-//# sourceMappingURL=renderer-B1UeU7lX.mjs.map
+//# sourceMappingURL=renderer-BfAWZziM.mjs.map