@glissade/scene 0.5.0-pre.3 → 0.5.0-pre.4

package/dist/index.d.ts

@@ -133,7 +133,8 @@ declare function pointAtLength(path: PathValue, s: number): Vec2;
 interface FollowPathProps extends NodeProps {
   /** the node to move along the path; its position (and rotation, if orient) is owned by this */
   target: Node;
-  path: PathValue;
+  /** a static PathValue, or a Path node followed LIVE (re-sampled as its `data` morphs) */
+  path: PathValue | Path;
   /** 0→1 position along the path's arc length; default 1 (the end). Track `<id>/progress`. */
   progress?: PropInit<number>;
   /** rotate the target to the path tangent — a cursor that points where it heads; default false */
@@ -154,7 +155,8 @@ declare class FollowPath extends Node {
   constructor(props: FollowPathProps);
   protected draw(): void;
 }
-/** `children: [route, cursor, followPath(cursor, route, { orient: true })]` — cursor traces the route. */
+/** `children: [route, cursor, followPath(cursor, route, { orient: true })]` — cursor traces the route.
+ * Pass the Path *node* to follow it as it morphs; pass a PathValue for a fixed route. */
 declare function followPath(target: Node, path: PathValue | Path, props?: Omit<FollowPathProps, 'target' | 'path'>): FollowPath;
 //#endregion
 //#region src/tokenHighlight.d.ts

package/dist/index.js

@@ -355,25 +355,36 @@ var FollowPath = class extends Node {
 		if (typeof props.progress === "function") this.progress.bindSource(props.progress);
 		else if (props.progress !== void 0) this.progress.set(props.progress);
 		this.registerTarget("progress", this.progress);
-		const sampler = motionPath(props.path, props.samplesPerSegment !== void 0 ? { samplesPerSegment: props.samplesPerSegment } : {});
-		props.target.position.bindSource(() => sampler.atProgress(this.progress()));
+		const sOpts = props.samplesPerSegment !== void 0 ? { samplesPerSegment: props.samplesPerSegment } : {};
+		const getPath = props.path instanceof Path ? () => props.path.data() : () => props.path;
+		let cachedPath = getPath();
+		let cachedSampler = motionPath(cachedPath, sOpts);
+		const sampler = () => {
+			const pv = getPath();
+			if (pv !== cachedPath) {
+				cachedPath = pv;
+				cachedSampler = motionPath(pv, sOpts);
+			}
+			return cachedSampler;
+		};
+		props.target.position.bindSource(() => sampler().atProgress(this.progress()));
 		if (props.orient) {
 			const offset = props.orientOffset ?? 0;
 			props.target.rotation.bindSource(() => {
-				const t = sampler.tangentAtProgress(this.progress());
+				const t = sampler().tangentAtProgress(this.progress());
 				return Math.atan2(t[1], t[0]) * 180 / Math.PI + offset;
 			});
 		}
 	}
 	draw() {}
 };
-/** `children: [route, cursor, followPath(cursor, route, { orient: true })]` — cursor traces the route. */
+/** `children: [route, cursor, followPath(cursor, route, { orient: true })]` — cursor traces the route.
+* Pass the Path *node* to follow it as it morphs; pass a PathValue for a fixed route. */
 function followPath(target, path, props = {}) {
-	const pv = path instanceof Path ? path.data() : path;
 	return new FollowPath({
 		...props,
 		target,
-		path: pv
+		path
 	});
 }
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glissade/scene",
-  "version": "0.5.0-pre.3",
+  "version": "0.5.0-pre.4",
   "description": "glissade scene graph: nodes, transforms, DisplayList emission. Renderer-agnostic; zero DOM/Node dependencies.",
   "license": "Apache-2.0",
   "type": "module",
@@ -20,7 +20,7 @@
   ],
   "dependencies": {
     "yoga-layout": "^3.2.1",
-    "@glissade/core": "0.5.0-pre.3"
+    "@glissade/core": "0.5.0-pre.4"
   },
   "repository": {
     "type": "git",