@diffenderfer-games/hub 2.0.0-next.7 → 2.0.0-next.9

package/dist/shared/svg-markup.js

@@ -232,6 +232,21 @@ const FRAMES = {
 		206
 	]
 };
+/** The walker's full frame: a smaller head, and room for feet hanging below a seat. */
+const WALKER_FULL = [
+	-60,
+	-176,
+	120,
+	214
+];
+/** True when options draw the walker figure (full frames only). */
+function isWalker(opts) {
+	return opts.figure === "walker" && frameOf(opts) === "full";
+}
+/** The box options draw, in rig units. */
+function frameBox(opts) {
+	return isWalker(opts) ? WALKER_FULL : FRAMES[frameOf(opts)];
+}
 /** The site panel colour behind badges. */
 const PANEL = "#11141c";
 /** The frame an options object asks for (default `head`). */
@@ -240,7 +255,7 @@ function frameOf(opts) {
 }
 /** Output pixel size for a frame (the longer edge is `size`). */
 function pixelSize(opts) {
-	const [, , w, h] = FRAMES[frameOf(opts)];
+	const [, , w, h] = frameBox(opts);
 	const scale = (opts.size ?? 48) / Math.max(w, h);
 	return {
 		width: w * scale,
@@ -254,7 +269,7 @@ function ringColour(look) {
 }
 /** Wraps the avatar's nodes in the frame's background (a badge clips to the rounded panel). */
 function framed(nodes, look, opts) {
-	const [left, top, w, h] = FRAMES[frameOf(opts)];
+	const [left, top, w, h] = frameBox(opts);
 	const background = opts.background ?? (frameOf(opts) === "head" ? "badge" : "none");
 	if (background === "badge") {
 		const r = w * .24;
@@ -991,7 +1006,7 @@ const STOOL = [
 		sw: 3
 	}, 5.5)
 ];
-const hand = (c, cx, cy) => ellipse(cx, cy, 8, 8, {
+const hand$1 = (c, cx, cy) => ellipse(cx, cy, 8, 8, {
 	fill: c.body,
 	stroke: c.bodyInk,
 	sw: LINE
@@ -1034,13 +1049,13 @@ function bodyLayout(c, pose, phi, phase, hasStool) {
 			tf = [rot(-6)];
 			headDx = -5;
 			tilt = -7;
-			front.push(hand(c, 44, -58), path("M56 -70Q61 -64 58 -56M62 -76Q69 -66 64 -54", line("#e8e6df", 2.2, "round", .8)));
+			front.push(hand$1(c, 44, -58), path("M56 -70Q61 -64 58 -56M62 -76Q69 -66 64 -54", line("#e8e6df", 2.2, "round", .8)));
 			break;
 		case "cheer":
 			lift = hop * 10;
 			tf = [sc(1 - hop * .04, 1 + hop * .05)];
 			headDy = -4 * hop;
-			front.push(hand(c, -42, -66 - hop * 4), hand(c, 42, -66 - hop * 4));
+			front.push(hand$1(c, -42, -66 - hop * 4), hand$1(c, 42, -66 - hop * 4));
 			break;
 		case "jump":
 			lift = hop * 18;
@@ -1085,9 +1100,9 @@ function bodyLayout(c, pose, phi, phase, hasStool) {
 	};
 }
 /** The soft ground shadow at the feet (shrinks while lifted). */
-function groundShadow(lift) {
+function groundShadow(lift, width = 36) {
 	const k = Math.max(.5, 1 - lift / 40);
-	return ellipse(0, 0, 36 * k, 8 * k, {
+	return ellipse(0, 0, width * k, width / 4.5 * k, {
 		fill: "#000000",
 		opacity: .3
 	});
@@ -1573,6 +1588,366 @@ function handProp(prop, atX, atY, body, bodyInk) {
 	}
 }
 //#endregion
+//#region src/avatar/render/walker-parts.ts
+/**
+* The walker's drawing parts (`figure: 'walker'`): limbs as outlined round
+* strokes, the shirt, trousers and shoes. Colours come from the look: the
+* shirt is the body colour, the trousers and shoes are picked from the body
+* colour so they always stand apart from the shirt.
+*/
+const TROUSERS = [
+	"#34466e",
+	"#2e323f",
+	"#6a5642",
+	"#4a3a60",
+	"#3c5a4c",
+	"#5a3a3a"
+];
+const SHOES = [
+	"#2c2430",
+	"#f1ece2",
+	"#5a3a2a",
+	"#2c2430"
+];
+/** A small stable hash of a colour string. */
+function hashOf(text) {
+	let hash = 7;
+	for (let i = 0; i < text.length; i++) hash = hash * 31 + text.charCodeAt(i) >>> 0;
+	return hash;
+}
+/** Trousers and shoes for a shirt colour: a trouser tone at least a little lighter or darker than the shirt. */
+function outfitFor(c) {
+	const hash = hashOf(c.body);
+	const shirt = lightness(c.body);
+	let trousers = TROUSERS[hash % TROUSERS.length] ?? TROUSERS[0];
+	for (let i = 1; i < TROUSERS.length && Math.abs(lightness(trousers) - shirt) < .12; i++) trousers = TROUSERS[(hash + i) % TROUSERS.length] ?? trousers;
+	const shoes = SHOES[(hash >>> 4) % SHOES.length] ?? SHOES[0];
+	return {
+		trousers,
+		trousersInk: outline(trousers),
+		shoes,
+		shoesInk: outline(shoes)
+	};
+}
+/** A polyline as a path `d`. */
+function polyline(points) {
+	const line = new Path();
+	points.forEach(([px, py], i) => i === 0 ? line.m(px, py) : line.l(px, py));
+	return line.d();
+}
+/** A limb: a round stroke with a tonal outline under it. */
+function limb(points, width, fill, ink) {
+	const d = polyline(points);
+	return [path(d, {
+		fill: "none",
+		stroke: ink,
+		sw: width + LINE * 1.3,
+		cap: "round"
+	}), path(d, {
+		fill: "none",
+		stroke: fill,
+		sw: width,
+		cap: "round"
+	})];
+}
+/** A shoe at a foot point, nudged along the facing. */
+function shoe(at, forward, o) {
+	return ellipse(at[0] + forward[0] * 2.4, at[1] + forward[1] * 1.6 - 1.5, 6.2 + Math.abs(forward[0]) * 1.4, 3.8, {
+		fill: o.shoes,
+		stroke: o.shoesInk,
+		sw: LINE * .8
+	});
+}
+/** A hand. */
+function hand(c, at) {
+	return ellipse(at[0], at[1], 4.3, 4.3, {
+		fill: c.skin,
+		stroke: c.skinInk,
+		sw: LINE * .8
+	});
+}
+/** The torso's outline: shoulders at `top`, the hem at `hem`, `w` its width factor (narrower when turned). */
+function torsoPath(w, top, hem) {
+	const shoulder = 17.5 * w;
+	const waist = 14.5 * w;
+	const hip = 15.5 * w;
+	const mid = (top + hem) / 2 + 4;
+	return new Path().m(-shoulder, top + 6).c(-shoulder, top - 1, -shoulder + 5, top - 3, -shoulder * .35, top - 3).l(shoulder * .35, top - 3).c(shoulder - 5, top - 3, shoulder, top - 1, shoulder, top + 6).l(waist, mid).l(hip, hem).q(0, hem + 3, -hip, hem).l(-waist, mid).z().d();
+}
+/** The shirt: a shade base, the lit front, the outline, and the neckline (front) or collar (back). */
+function shirt(c, w, top, hem, lean, isBack) {
+	const d = torsoPath(w, top, hem);
+	const cy = (top + hem) / 2;
+	const nodes = [
+		path(d, { fill: c.bodyShade }),
+		g([path(d, { fill: c.body })], { tf: [
+			tr(-1.5 - lean * 2, cy - 1.5),
+			sc(.9, .94),
+			tr(0, -cy)
+		] }),
+		path(`M${String(-15 * w)} ${String(hem - 2.5)}Q0 ${String(hem + .5)} ${String(15 * w)} ${String(hem - 2.5)}`, {
+			fill: "none",
+			stroke: shade(c.bodyShade),
+			sw: 2.2,
+			opacity: .7
+		}),
+		path(d, {
+			fill: "none",
+			stroke: c.bodyInk,
+			sw: LINE
+		})
+	];
+	const neckX = lean * 7;
+	if (isBack) nodes.push(path(`M${String(neckX - 6)} ${String(top - 2)}Q${String(neckX)} ${String(top + 1.5)} ${String(neckX + 6)} ${String(top - 2)}`, {
+		fill: "none",
+		stroke: c.bodyShade,
+		sw: 3
+	}));
+	else nodes.push(path(`M${String(neckX - 6 * w)} ${String(top - 2.6)}Q${String(neckX)} ${String(top + 6)} ${String(neckX + 6 * w)} ${String(top - 2.6)}Z`, {
+		fill: c.skin,
+		stroke: c.bodyInk,
+		sw: LINE * .8
+	}));
+	return nodes;
+}
+/** The seat of the trousers joining the legs under the hem. */
+function hips(o, w, hipY) {
+	const half = 12 * w;
+	return path(new Path().m(-half, hipY - 4).l(half, hipY - 4).l(half, hipY + 4).q(0, hipY + 9, -half, hipY + 4).z().d(), {
+		fill: o.trousers,
+		stroke: o.trousersInk,
+		sw: LINE * .8
+	});
+}
+/** The neck under the head. */
+function neck(c, top, dx) {
+	return path(new Path().m(dx - 4.5, top - 10).l(dx + 4.5, top - 10).l(dx + 4.5, top).l(dx - 4.5, top).z().d(), {
+		fill: c.skinShade,
+		stroke: c.skinInk,
+		sw: LINE * .6
+	});
+}
+//#endregion
+//#region src/avatar/render/walker.ts
+/**
+* The world walker (`figure: 'walker'`): a small full-body character for
+* maps and crowds, with legs, arms, a shirt, trousers and shoes, and the
+* head drawn smaller on top ({@link WALKER_HEAD_SCALE}). It takes the blob's
+* pose names: `walk` and `run` swing the legs and arms along the facing,
+* `sit` folds the legs over a seat, `idle` breathes, `wave` and `cheer` lift
+* the arms.
+*
+* Standing, the origin is the feet. Sitting (`sit`, `play`), the origin is
+* the seat: the hips rest on it and the feet hang {@link WALKER_SEAT_DROP}
+* units below, on the floor in front of it.
+*/
+/** The head's scale on a walker (the blob draws it at 1). */
+const WALKER_HEAD_SCALE = .58;
+/** How far below the seat a sitter's feet reach (rig units). */
+const WALKER_SEAT_DROP = 26;
+const STANDING = {
+	hip: -35,
+	shoulder: -72,
+	head: -103
+};
+const SEATED = {
+	hip: -3,
+	shoulder: -40,
+	head: -71
+};
+const LEG = 32;
+const UPPER_ARM = 13;
+const FOREARM = 12;
+const LEG_W = 10.5;
+const SLEEVE_W = 10;
+const ARM_W = 7.5;
+const DEG$1 = Math.PI / 180;
+function viewOf(angleDeg) {
+	const side = Math.sin(angleDeg * DEG$1);
+	const front = Math.cos(angleDeg * DEG$1);
+	return {
+		side,
+		front,
+		forward: [side, front * .45],
+		isBack: angleDeg > 90,
+		width: 1 - .36 * Math.abs(side)
+	};
+}
+/** A body side's screen x for a lateral distance (sides overlap when turned). */
+const lateralX = (v, sideOf, distance) => sideOf * distance * v.front;
+/** How near the viewer a side is (> 0: drawn in front when turned). */
+const nearness = (v, sideOf) => -sideOf * v.side;
+const add = (a, b, k = 1) => [a[0] + b[0] * k, a[1] + b[1] * k];
+function standingLimbs(v, h, pose, phase, bob) {
+	const isRun = pose === "run";
+	const isWalking = pose === "walk" || isRun || pose === "dance";
+	const stride = isRun ? 38 : 27;
+	const swingOf = (sideOf) => isWalking ? Math.sin((phase + (sideOf === 1 ? 0 : .5)) * Math.PI * 2) : 0;
+	return {
+		leg: (sideOf) => {
+			const hip = [lateralX(v, sideOf, 6), h.hip + bob];
+			const swing = swingOf(sideOf);
+			const lift = isWalking ? Math.max(0, Math.cos((phase + (sideOf === 1 ? 0 : .5)) * Math.PI * 2)) * (isRun ? 7 : 4.5) : 0;
+			const reach = Math.sin(stride * DEG$1) * LEG * swing;
+			const foot = [hip[0] + v.forward[0] * reach, -bob * .2 + v.forward[1] * reach - lift];
+			return [
+				hip,
+				[(hip[0] + foot[0]) / 2 + v.forward[0] * lift * .9, (hip[1] + foot[1]) / 2 + v.forward[1] * lift * .9],
+				foot
+			];
+		},
+		arm: (sideOf) => {
+			const shoulder = [lateralX(v, sideOf, 15.5 * v.width) + v.forward[0] * 1.5, h.shoulder + 4 + bob];
+			const out = sideOf * v.front * 2.2;
+			if (pose === "cheer" || pose === "wave" && sideOf === -1) {
+				const wave = pose === "wave" ? Math.sin(phase * Math.PI * 2) * 4 : 0;
+				const elbow = [shoulder[0] + out * 3, shoulder[1] - 10];
+				return [
+					shoulder,
+					elbow,
+					[elbow[0] + out * 1.5 + wave, elbow[1] - 12]
+				];
+			}
+			const swing = isWalking ? -swingOf(sideOf) * (isRun ? 1.3 : 1) : Math.sin(phase * Math.PI * 2) * .06;
+			const reach = Math.sin(24 * DEG$1) * swing;
+			const elbow = [shoulder[0] + out + v.forward[0] * UPPER_ARM * reach * .6, shoulder[1] + UPPER_ARM + v.forward[1] * UPPER_ARM * reach];
+			return [
+				shoulder,
+				elbow,
+				[elbow[0] + out * .4 + v.forward[0] * FOREARM * reach * 1.6, elbow[1] + FOREARM - Math.abs(reach) * 3 + v.forward[1] * FOREARM * reach]
+			];
+		}
+	};
+}
+function seatedLimbs(v, h, pose) {
+	const thigh = [v.forward[0] * 15, v.forward[1] * 16];
+	return {
+		leg: (sideOf) => {
+			const hip = [lateralX(v, sideOf, 6), h.hip];
+			const knee = add(hip, thigh);
+			return [
+				hip,
+				knee,
+				[knee[0] + v.forward[0] * 3, 24]
+			];
+		},
+		arm: (sideOf) => {
+			const shoulder = [lateralX(v, sideOf, 15.5 * v.width) + v.forward[0] * 1.5, h.shoulder + 4];
+			return [
+				shoulder,
+				[shoulder[0] + sideOf * v.front * 2 + v.forward[0] * 3, shoulder[1] + UPPER_ARM],
+				add([lateralX(v, sideOf, pose === "play" ? 4 : 7), h.hip - 4], thigh, pose === "play" ? .9 : .6)
+			];
+		}
+	};
+}
+/** The walker's drawing for a pose, at a facing angle (0 = S, 180 = N; west facings are mirrored by the caller). */
+function walkerLayout(c, pose, angleDeg, phase, outfit = outfitFor(c)) {
+	const v = viewOf(angleDeg);
+	const isSitting = pose === "sit" || pose === "play";
+	const h = isSitting ? SEATED : STANDING;
+	const cycle = Math.sin(phase * Math.PI * 2);
+	const isWalking = pose === "walk" || pose === "run" || pose === "dance";
+	const hop = pose === "jump" || pose === "cheer" ? Math.abs(Math.sin(phase * Math.PI)) * (pose === "jump" ? 16 : 8) : 0;
+	const bob = isWalking ? -2.2 * (1 - Math.abs(cycle)) : pose === "idle" ? cycle * .6 : 0;
+	const limbs = isSitting ? seatedLimbs(v, h, pose) : standingLimbs(v, h, pose, phase, bob);
+	const o = outfit;
+	const [farSide, nearSide] = nearness(v, 1) > nearness(v, -1) ? [-1, 1] : [1, -1];
+	const isTurned = Math.abs(v.side) > .3;
+	const lean = v.side * (isSitting ? .6 : 1);
+	const armNodes = (sideOf) => {
+		const [shoulder, elbow, wrist] = limbs.arm(sideOf);
+		return [
+			...limb([
+				shoulder,
+				elbow,
+				wrist
+			], ARM_W, c.skin, c.skinInk),
+			...limb([shoulder, add(shoulder, [elbow[0] - shoulder[0], elbow[1] - shoulder[1]], .62)], SLEEVE_W, c.body, c.bodyInk),
+			hand(c, wrist)
+		];
+	};
+	const legNodes = (sideOf) => {
+		const points = limbs.leg(sideOf);
+		const foot = points[2];
+		return [...limb(points, LEG_W, o.trousers, o.trousersInk), shoe(foot, v.forward, o)];
+	};
+	const torso = shirt(c, v.width, h.shoulder + (isWalking ? bob : 0), h.hip + 3 + (isWalking ? bob : 0), lean, v.isBack);
+	const isTucked = isSitting && v.isBack;
+	const behind = isTucked ? [...armNodes(farSide), ...armNodes(nearSide)] : isTurned ? armNodes(farSide) : [];
+	const isLegsFirst = v.isBack || !isSitting;
+	const legs = isTucked ? [] : [...legNodes(farSide), ...legNodes(nearSide)];
+	const body = [
+		...isLegsFirst ? legs : [],
+		hips(o, v.width, h.hip + (isWalking ? bob : 0)),
+		neck(c, h.shoulder + bob, v.forward[0] * 2),
+		...torso,
+		...isLegsFirst ? [] : legs,
+		...isTucked ? [] : isTurned ? armNodes(nearSide) : [...armNodes(-1), ...armNodes(1)]
+	];
+	const prop = add([0, h.hip - 12], v.forward, 8);
+	return {
+		behind,
+		body,
+		front: [],
+		headDx: v.forward[0] * 1.5,
+		headDy: 0,
+		headY: h.head + bob * 1.1,
+		headScale: WALKER_HEAD_SCALE,
+		tilt: isWalking ? v.side * 2 : 0,
+		lift: hop,
+		prop: {
+			x: prop[0],
+			y: prop[1]
+		}
+	};
+}
+const GREY = "#6f7787";
+const GREY_INK = "#5c6474";
+/** Every colour slot in the silhouette grey. */
+const GREY_COLOURS = {
+	skin: GREY,
+	skinShade: GREY,
+	skinLight: GREY,
+	skinInk: GREY_INK,
+	eyeRim: GREY,
+	hair: GREY,
+	hairShade: GREY,
+	hairLight: GREY,
+	hairInk: GREY_INK,
+	hairBuzz: GREY,
+	brow: GREY,
+	beard: GREY,
+	beardShade: GREY,
+	beardInk: GREY_INK,
+	stubble: GREY,
+	eye: GREY,
+	eyeDark: GREY,
+	body: GREY,
+	bodyShade: GREY,
+	bodyLight: GREY,
+	bodyInk: GREY_INK
+};
+/** The grey walker shown before the art loads (or for a hidden player): its nodes, head centre and top. */
+function walkerSilhouette() {
+	const b = walkerLayout(GREY_COLOURS, "idle", 0, 0, {
+		trousers: GREY,
+		trousersInk: GREY_INK,
+		shoes: GREY,
+		shoesInk: GREY_INK
+	});
+	const r = 46 * WALKER_HEAD_SCALE;
+	return {
+		nodes: [
+			...b.behind,
+			...b.body,
+			ellipse(0, b.headY, r, r * 1.05, { fill: GREY })
+		],
+		headY: b.headY,
+		top: b.headY - r - 4
+	};
+}
+//#endregion
 //#region src/avatar/render/compose.ts
 /**
 * Composes a look and a pose into a scene in rig space: the feet at (0, 0),
@@ -1781,6 +2156,23 @@ function anchorsFor(headX, headY, top, prop, mirror) {
 		pod: at(0, 14)
 	};
 }
+/** The body for a figure: its layout, where the head centre goes, and the head's scale. */
+function figureLayout(c, opts, pose, phi, angle, phase) {
+	if (isWalker(opts)) {
+		const walker = walkerLayout(c, pose, angle, phase);
+		return {
+			b: walker,
+			headY: walker.headY,
+			headScale: walker.headScale
+		};
+	}
+	const b = bodyLayout(c, pose, phi, phase, opts.stool === true);
+	return {
+		b,
+		headY: -96 + b.headDy,
+		headScale: 1
+	};
+}
 /** Composes a look (or `null` for the silhouette) with a pose. */
 function composeAvatar(look, opts = {}) {
 	const art = currentArt();
@@ -1788,13 +2180,25 @@ function composeAvatar(look, opts = {}) {
 	const isMirrored = MIRROR[facingIn] !== void 0;
 	const facing = MIRROR[facingIn] ?? (facingIn === "S" || facingIn === "SE" || facingIn === "E" || facingIn === "NE" ? facingIn : "N");
 	const hasShadow = opts.shadow ?? opts.frame === "full";
-	if (!look || !art) return {
-		nodes: silhouette(hasShadow),
-		anchors: anchorsFor(0, -96, -156, {
-			x: 0,
-			y: -30
-		}, 1)
-	};
+	if (!look || !art) {
+		if (isWalker(opts)) {
+			const shape = walkerSilhouette();
+			return {
+				nodes: [...hasShadow ? [groundShadow(0, 18)] : [], ...shape.nodes],
+				anchors: anchorsFor(0, shape.headY, shape.top, {
+					x: 0,
+					y: -40
+				}, 1)
+			};
+		}
+		return {
+			nodes: silhouette(hasShadow),
+			anchors: anchorsFor(0, -96, -156, {
+				x: 0,
+				y: -30
+			}, 1)
+		};
+	}
 	const pose = opts.pose ?? {};
 	const bodyPose = pose.body ?? "idle";
 	const status = pose.status ?? (bodyPose === "play" ? "goggles" : null);
@@ -1816,20 +2220,25 @@ function composeAvatar(look, opts = {}) {
 		blink: pose.blink ?? 0,
 		talk: pose.talk ?? 0
 	};
-	const b = bodyLayout(parts.c, bodyPose, ctx.phi, pose.phase ?? .25, opts.stool === true);
+	const { b, headY: bodyHeadY, headScale } = figureLayout(parts.c, opts, bodyPose, ctx.phi, angle, pose.phase ?? .25);
 	const headX = b.headDx + (pose.bob?.x ?? 0);
-	const headY = -96 + b.headDy + (pose.bob?.y ?? 0);
+	const headY = bodyHeadY + (pose.bob?.y ?? 0);
 	const tilt = face.headTilt + b.tilt + (pose.tilt ?? 0);
 	const sq = face.squash + (pose.squash ?? 0);
 	const drawn = isBack ? backHead(ctx, parts, isPlaying, status, angle) : frontHead(ctx, parts, isPlaying, status, angle, gaze.x);
 	const headNodes = drawn.head;
-	const top = headY - 50 - Math.max(parts.hair?.top ?? 0, parts.hat?.top ?? 0);
+	const top = headY - (50 + Math.max(parts.hair?.top ?? 0, parts.hat?.top ?? 0)) * headScale;
 	if (status === "crown") headNodes.push(...crown(Math.max(parts.hair?.top ?? 0, parts.hat?.top ?? 0)));
-	const handProps = status && !isBack ? handProp(status, b.prop.x, b.prop.y, parts.c.body, parts.c.bodyInk) : [];
+	const props = status && !isBack ? handProp(status, b.prop.x, b.prop.y, parts.c.body, parts.c.bodyInk) : [];
+	const handProps = headScale === 1 || props.length === 0 ? props : [g(props, { tf: [
+		tr(b.prop.x, b.prop.y),
+		sc(headScale * 1.1),
+		tr(-b.prop.x, -b.prop.y)
+	] })];
 	const headTf = [
 		tr(headX, headY),
 		rot(tilt),
-		sc(1 + sq, 1 - sq)
+		sc((1 + sq) * headScale, (1 - sq) * headScale)
 	];
 	const character = [
 		...b.behind,
@@ -1841,7 +2250,7 @@ function composeAvatar(look, opts = {}) {
 	];
 	const lifted = b.lift > 0 ? [g(character, { tf: [tr(0, -b.lift)] })] : character;
 	const rimmed = opts.rim ? [g(lifted, { rim: true })] : lifted;
-	const all = [...hasShadow ? [groundShadow(b.lift)] : [], ...rimmed];
+	const all = [...hasShadow ? [groundShadow(b.lift, headScale === 1 ? 36 : 18)] : [], ...rimmed];
 	const mirror = isMirrored ? -1 : 1;
 	return {
 		nodes: isMirrored ? [g(all, { tf: [sc(-1, 1)] })] : all,
@@ -1940,6 +2349,6 @@ function sceneToSvg(nodes, prefix) {
 	};
 }
 //#endregion
-export { tr as A, pixelSize as C, path as D, line as E, toLook as F, deltaE as M, lightness as N, rect as O, toCode as P, framed as S, g as T, mix as _, composeAvatar as a, FRAMES as b, blob as c, scallop as d, EXPRESSIONS as f, isExpression as g, faceOf as h, HEAD_Y as i, contrast as j, rot as k, n as l, expressionFromEmote as m, escapeXml as n, Path as o, EXPRESSION_NAMES as p, sceneToSvg as r, arc as s, RIM_COLOUR as t, roundedRect as u, onArtReady as v, ellipse as w, frameOf as x, ready as y };
+export { rect as A, frameBox as C, g as D, ellipse as E, lightness as F, toCode as I, toLook as L, tr as M, contrast as N, line as O, deltaE as P, WALKER_FULL as S, pixelSize as T, faceOf as _, composeAvatar as a, onArtReady as b, Path as c, n as d, roundedRect as f, expressionFromEmote as g, EXPRESSION_NAMES as h, HEAD_Y as i, rot as j, path as k, arc as l, EXPRESSIONS as m, escapeXml as n, WALKER_HEAD_SCALE as o, scallop as p, sceneToSvg as r, WALKER_SEAT_DROP as s, RIM_COLOUR as t, blob as u, isExpression as v, framed as w, ready as x, mix as y };
 
 //# sourceMappingURL=svg-markup.js.map