three-mediapipe-rig 0.0.2 → 0.0.3

package/dist/three-mediapipe-rig.js

@@ -1,111 +1,113 @@
-var nt = Object.defineProperty;
-var rt = (l, o, t) => o in l ? nt(l, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : l[o] = t;
-var y = (l, o, t) => rt(l, typeof o != "symbol" ? o + "" : o, t);
-import { PoseLandmarker as tt, HandLandmarker as S, FaceLandmarker as C, FilesetResolver as at, DrawingUtils as dt } from "@mediapipe/tasks-vision";
-import * as h from "three/webgpu";
-import { Vector3 as L, Quaternion as et } from "three/webgpu";
-import { Bone as lt } from "three";
-const N = new L(), D = new L(), ht = new L(1, 0, 0), ct = new L(-1, 0, 0), pt = new L(0, 1, 0), mt = new L(0, -1, 0), T = new L(0, 0, 1);
-new L(0, 0, -1);
-const g = new L(), ut = new L(), ft = new L(), B = new et(), O = new et();
-function A(l, o, t, e = "+x") {
-  l.lookAt(o);
-  const s = e == "+x" ? ht : e == "-x" ? ct : e == "+y" ? pt : mt;
-  l.getWorldPosition(D), l.getWorldQuaternion(O), N.subVectors(t, D).normalize(), g.copy(s).applyQuaternion(O);
-  const i = g, r = ut.copy(T).applyQuaternion(O), n = N.clone().addScaledVector(r, -N.dot(r)).normalize(), a = ft.crossVectors(i, n), c = Math.atan2(a.dot(r), i.dot(n));
-  B.setFromAxisAngle(T, c), l.quaternion.multiply(B);
+var de = Object.defineProperty;
+var he = (d, s, e) => s in d ? de(d, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[s] = e;
+var k = (d, s, e) => he(d, typeof s != "symbol" ? s + "" : s, e);
+import { PoseLandmarker as oe, HandLandmarker as D, FaceLandmarker as C, FilesetResolver as ce, DrawingUtils as le } from "@mediapipe/tasks-vision";
+import * as p from "three/webgpu";
+import { Vector3 as P, Quaternion as se } from "three/webgpu";
+import * as S from "three";
+import { Bone as pe } from "three";
+import { GLTFExporter as me } from "three/examples/jsm/Addons.js";
+const V = new P(), z = new P(), ue = new P(1, 0, 0), fe = new P(-1, 0, 0), ye = new P(0, 1, 0), we = new P(0, -1, 0), B = new P(0, 0, 1);
+new P(0, 0, -1);
+const I = new P(), Le = new P(), ke = new P(), U = new se(), O = new se();
+function A(d, s, e, t = "+x") {
+  d.lookAt(s);
+  const o = t == "+x" ? ue : t == "-x" ? fe : t == "+y" ? ye : we;
+  d.getWorldPosition(z), d.getWorldQuaternion(O), V.subVectors(e, z).normalize(), I.copy(o).applyQuaternion(O);
+  const i = I, r = Le.copy(B).applyQuaternion(O), n = V.clone().addScaledVector(r, -V.dot(r)).normalize(), a = ke.crossVectors(i, n), c = Math.atan2(a.dot(r), i.dot(n));
+  U.setFromAxisAngle(B, c), d.quaternion.multiply(U);
 }
-const V = new h.Vector3(), F = new h.Vector3(), _ = new h.Vector3();
-new h.Vector3();
-class z {
-  constructor(o, t) {
-    y(this, "objectGhost");
-    y(this, "root");
+const N = new p.Vector3(), M = new p.Vector3(), T = new p.Vector3();
+new p.Vector3();
+class _ {
+  constructor(s, e) {
+    k(this, "objectGhost");
+    k(this, "root");
     /**
      * per landmark index, it points to it's object3D equivalent.
      */
-    y(this, "marks", {});
-    this.points = o, this.debugConnections = t, this.root = new h.Object3D(), this.objectGhost = /* @__PURE__ */ new Map();
-    for (let e in this.points)
-      this.marks[e] = new yt(), this.root.add(this.marks[e]);
-  }
-  updateLandmarks(o, t, e) {
-    for (let s in this.points) {
-      const i = this.points[s], r = this.marks[s];
-      r && (i instanceof Array ? (V.copy(o[i[0]]), r.position.copy(o[i[1]]).sub(V).divideScalar(2).add(o[i[0]]), i.length == 4 && (V.subVectors(
-        o[i[3]],
-        o[i[2]]
-      ).divideScalar(2).add(o[i[2]]).sub(r.position).divideScalar(2), r.position.add(V))) : r.position.copy(o[i]));
+    k(this, "marks", {});
+    this.points = s, this.debugConnections = e, this.root = new p.Object3D(), this.objectGhost = /* @__PURE__ */ new Map();
+    for (let t in this.points)
+      this.marks[t] = new be(), this.root.add(this.marks[t]);
+  }
+  updateLandmarks(s, e, t) {
+    for (let o in this.points) {
+      const i = this.points[o], r = this.marks[o];
+      r && (i instanceof Array ? (N.copy(s[i[0]]), r.position.copy(s[i[1]]).sub(N).divideScalar(2).add(s[i[0]]), i.length == 4 && (N.subVectors(
+        s[i[3]],
+        s[i[2]]
+      ).divideScalar(2).add(s[i[2]]).sub(r.position).divideScalar(2), r.position.add(N))) : r.position.copy(s[i]));
     }
-    e && t && e.drawConnectors(
-      t,
+    t && e && t.drawConnectors(
+      e,
       this.debugConnections,
       {
         lineWidth: 1
       }
     );
   }
-  getGhost(o) {
-    var t;
-    if (!this.objectGhost.has(o)) {
-      const e = new wt();
-      e.position.copy(o.position), e.quaternion.copy(o.quaternion), (t = o.parent) == null || t.add(e), this.objectGhost.set(o, e);
+  getGhost(s) {
+    var e;
+    if (!this.objectGhost.has(s)) {
+      const t = new xe();
+      t.position.copy(s.position), t.quaternion.copy(s.quaternion), (e = s.parent) == null || e.add(t), this.objectGhost.set(s, t);
     }
-    return this.objectGhost.get(o);
+    return this.objectGhost.get(s);
   }
-  predict(o, t) {
+  predict(s, e) {
     throw new Error("Method 'predict' must be implemented.");
   }
-  sync(o, t) {
+  sync(s, e) {
     throw new Error("Method 'sync' must be implemented.");
   }
-  test(o) {
-    this.marks[o].position.set(1, 2, 3);
+  test(s) {
+    this.marks[s].position.set(1, 2, 3);
   }
-  syncObjects(o, t, e) {
-    for (const [s, i, r, n] of o) {
-      this.marks[r].getWorldPosition(_), this.marks[i].getWorldPosition(F);
-      const a = _.sub(F);
-      s.getWorldPosition(F), F.add(a);
-      const c = F, m = s.getWorldPosition(_).sub(e), f = this.getGhost(s);
-      A(f, c, m, n), f.rotateX(Math.PI / 2), s.position.lerp(f.position, t * 4), s.quaternion.slerp(f.quaternion, t * 4);
+  syncObjects(s, e, t) {
+    for (const [o, i, r, n] of s) {
+      this.marks[r].getWorldPosition(T), this.marks[i].getWorldPosition(M);
+      const a = T.sub(M);
+      o.getWorldPosition(M), M.add(a);
+      const c = M, l = o.getWorldPosition(T).sub(t), f = this.getGhost(o);
+      A(f, c, l, n), f.rotateX(Math.PI / 2), o.position.lerp(f.position, e * 4), o.quaternion.slerp(f.quaternion, e * 4);
     }
   }
-  getBone(o, t) {
-    return o.getObjectByName(t.replace(/[\.\:]/g, ""));
+  getBone(s, e) {
+    return s.getObjectByName(e.replace(/[\.\:]/g, ""));
   }
 }
-class yt extends h.Mesh {
+class be extends p.Mesh {
   constructor() {
-    super(new h.SphereGeometry(0.01, 3, 3), new h.MeshStandardMaterial({ color: 16711680, wireframe: !0 }));
-    y(this, "_worldPosition", new h.Vector3());
-    this.add(new h.AxesHelper(1e-3));
+    super(new p.SphereGeometry(0.01, 3, 3), new p.MeshStandardMaterial({ color: 16711680, wireframe: !0 }));
+    k(this, "_worldPosition", new p.Vector3());
+    this.add(new p.AxesHelper(1e-3));
   }
   get worldPosition() {
     return this.getWorldPosition(this._worldPosition), this._worldPosition;
   }
 }
-class wt extends h.Object3D {
-  lerp(o, t, e = 8) {
-    o.position.lerp(this.position, t * e), o.quaternion.slerp(this.quaternion, t * e);
+class xe extends p.Object3D {
+  lerp(s, e, t = 8) {
+    s.position.lerp(this.position, e * t), s.quaternion.slerp(this.quaternion, e * t);
   }
 }
-function E(l, o, t) {
-  return t.worldToLocal(o.getWorldPosition(l)), l;
+function F(d, s, e) {
+  return e.worldToLocal(s.getWorldPosition(d)), d;
 }
-function Lt(l) {
-  return l.replace(/[\.\:]/g, "");
+function Re(d) {
+  return d.replace(/[\.\:]/g, "");
 }
-function w(l, o) {
-  let t;
-  return o = Lt(o), l.traverse((e) => {
-    e.name.indexOf(o) === 0 && e instanceof lt && (t = e);
-  }), t || console.log("Bone not found: ", o, l.name), t;
+function x(d, s) {
+  let e;
+  return s = Re(s), d.traverse((t) => {
+    t.name.indexOf(s) === 0 && t instanceof pe && (e = t);
+  }), e || console.log("Bone not found: ", s, d.name), e;
 }
-async function kt(l, o) {
-  const t = await tt.createFromOptions(l, {
+async function Pe(d, s) {
+  const e = await oe.createFromOptions(d, {
     baseOptions: {
-      modelAssetPath: (o == null ? void 0 : o.modelPath) ?? "pose_landmarker_lite.task",
+      modelAssetPath: (s == null ? void 0 : s.modelPath) ?? "pose_landmarker_lite.task",
       //modelAssetPath: `https://storage.googleapis.com/mediapipe-models/pose_landmarker/pose_landmarker_lite/float16/1/pose_landmarker_lite.task`,
       //modelAssetPath: "https://storage.googleapis.com/mediapipe-models/pose_landmarker/pose_landmarker_heavy/float16/latest/pose_landmarker_heavy.task",
       delegate: "GPU"
@@ -113,9 +115,9 @@ async function kt(l, o) {
     runningMode: "VIDEO",
     numPoses: 1
   });
-  return new Et(t, o);
+  return new ve(e, s);
 }
-const xt = {
+const We = {
   hips: [24, 23],
   neck: [12, 11],
   leftLeg: 23,
@@ -137,13 +139,13 @@ const xt = {
   torso: [24, 23, 12, 11],
   leftEar: 7,
   rightEar: 8
-}, bt = new h.Vector3(), G = new h.Vector3(), Pt = new h.Vector3(), Rt = new h.Vector3(), Wt = new h.Vector3(), I = new h.Vector3(), H = new h.Vector3();
-class Et extends z {
-  constructor(t, e) {
-    super(xt, tt.POSE_CONNECTIONS);
-    y(this, "_leftWristNormalizedPosition");
-    y(this, "_rightWristNormalizedPosition");
-    this.poseLandmarker = t, this.config = e, this.root.scale.y *= -2, this.root.scale.z *= -2, this.root.scale.x *= 2;
+}, Ee = new p.Vector3(), G = new p.Vector3(), Fe = new p.Vector3(), Ae = new p.Vector3(), Me = new p.Vector3(), H = new p.Vector3(), $ = new p.Vector3();
+class ve extends _ {
+  constructor(e, t) {
+    super(We, oe.POSE_CONNECTIONS);
+    k(this, "_leftWristNormalizedPosition");
+    k(this, "_rightWristNormalizedPosition");
+    this.poseLandmarker = e, this.config = t, this.root.scale.y *= -2, this.root.scale.z *= -2, this.root.scale.x *= 2;
   }
   /**
    * Position of the left wrist in normalized coordinates (0..1)
@@ -157,9 +159,9 @@ class Et extends z {
   get rightWristNormalizedPosition() {
     return this._rightWristNormalizedPosition;
   }
-  predict(t, e) {
-    this.poseLandmarker.detectForVideo(t, performance.now(), (s) => {
-      s.landmarks.length != 0 && (this.updateLandmarks(s.worldLandmarks[0], s.landmarks[0], e), this._leftWristNormalizedPosition = s.landmarks[0][this.points.leftWrist], this._rightWristNormalizedPosition = s.landmarks[0][this.points.rightWrist]);
+  predict(e, t) {
+    this.poseLandmarker.detectForVideo(e, performance.now(), (o) => {
+      o.landmarks.length != 0 && (this.updateLandmarks(o.worldLandmarks[0], o.landmarks[0], t), this._leftWristNormalizedPosition = o.landmarks[0][this.points.leftWrist], this._rightWristNormalizedPosition = o.landmarks[0][this.points.rightWrist]);
     });
   }
   // override sync ( delta:number, objects: BoneBinding[] ) {
@@ -169,59 +171,59 @@ class Et extends z {
   // 	const torsoNormal = C.crossVectors(A,B);
   // 	this.syncObjects(objects, delta, torsoNormal); 
   // }
-  bind(t, e) {
+  bind(e, t) {
     var a;
-    const s = {
-      hips: w(t, e.hips),
-      neck: w(t, e.neck),
-      leftArm: w(t, e.armL),
-      leftElbow: w(t, e.forearmL),
-      leftWrist: w(t, e.handL),
-      rightArm: w(t, e.armR),
-      rightElbow: w(t, e.forearmR),
-      rightWrist: w(t, e.handR),
-      head: w(t, e.head),
-      torso: w(t, e.torso),
-      leftLeg: w(t, e.thighL),
-      leftKnee: w(t, e.shinL),
-      leftFoot: w(t, e.footL),
-      rightLeg: w(t, e.thighR),
-      rightKnee: w(t, e.shinR),
-      rightFoot: w(t, e.footR)
+    const o = {
+      hips: x(e, t.hips),
+      neck: x(e, t.neck),
+      leftArm: x(e, t.armL),
+      leftElbow: x(e, t.forearmL),
+      leftWrist: x(e, t.handL),
+      rightArm: x(e, t.armR),
+      rightElbow: x(e, t.forearmR),
+      rightWrist: x(e, t.handR),
+      head: x(e, t.head),
+      torso: x(e, t.torso),
+      leftLeg: x(e, t.thighL),
+      leftKnee: x(e, t.shinL),
+      leftFoot: x(e, t.footL),
+      rightLeg: x(e, t.thighR),
+      rightKnee: x(e, t.shinR),
+      rightFoot: x(e, t.footR)
     };
-    (a = this.config) != null && a.ignoreLegs && (delete s.leftLeg, delete s.leftKnee, delete s.leftFoot, delete s.leftToes, delete s.rightLeg, delete s.rightKnee, delete s.rightFoot, delete s.rightToes);
-    const i = new h.Vector3(), r = new h.Vector3(), n = (c, m, f, k, d, p) => {
-      if (!m) return;
-      const P = this.marks[k].getWorldPosition(i).sub(this.marks[f].getWorldPosition(r)).normalize();
-      E(I, m, t).add(P).applyMatrix4(t.matrixWorld), E(H, m, t).add(d).applyMatrix4(t.matrixWorld);
-      const x = this.getGhost(m);
-      A(x, I, H, p), x.rotateX(Math.PI / 2), x.lerp(m, c);
+    (a = this.config) != null && a.ignoreLegs && (delete o.leftLeg, delete o.leftKnee, delete o.leftFoot, delete o.leftToes, delete o.rightLeg, delete o.rightKnee, delete o.rightFoot, delete o.rightToes);
+    const i = new p.Vector3(), r = new p.Vector3(), n = (c, l, f, R, h, m) => {
+      if (!l) return;
+      const w = this.marks[R].getWorldPosition(i).sub(this.marks[f].getWorldPosition(r)).normalize();
+      F(H, l, e).add(w).applyMatrix4(e.matrixWorld), F($, l, e).add(h).applyMatrix4(e.matrixWorld);
+      const u = this.getGhost(l);
+      A(u, H, $, m), u.rotateX(Math.PI / 2), u.lerp(l, c);
     };
     return {
       update: (c) => {
-        const m = this.marks.leftLeg.getWorldPosition(bt).sub(this.marks.rightLeg.getWorldPosition(G)).normalize(), f = this.marks.leftArm.getWorldPosition(G).sub(this.marks.rightArm.getWorldPosition(Pt)).normalize(), k = this.marks.leftEar.getWorldPosition(Rt).sub(this.marks.rightEar.getWorldPosition(Wt)).normalize();
-        n(c, s.hips, "hips", "torso", m, "+x"), n(c, s.torso, "torso", "neck", f, "+x"), n(c, s.neck, "neck", "head", k, "+x"), n(c, s.head, "neck", "head", k, "+x"), n(c, s.leftArm, "leftArm", "leftElbow", f, "-x"), n(c, s.leftElbow, "leftElbow", "leftWrist", f, "-x"), n(c, s.leftLeg, "leftLeg", "leftKnee", m, "+x"), n(c, s.leftKnee, "leftKnee", "leftFoot", m, "+x"), n(c, s.leftFoot, "leftFoot", "leftToes", m, "+x"), n(c, s.rightArm, "rightArm", "rightElbow", f, "-x"), n(c, s.rightElbow, "rightElbow", "rightWrist", f, "-x"), n(c, s.rightLeg, "rightLeg", "rightKnee", m, "+x"), n(c, s.rightKnee, "rightKnee", "rightFoot", m, "+x"), n(c, s.rightFoot, "rightFoot", "rightToes", m, "+x");
+        const l = this.marks.leftLeg.getWorldPosition(Ee).sub(this.marks.rightLeg.getWorldPosition(G)).normalize(), f = this.marks.leftArm.getWorldPosition(G).sub(this.marks.rightArm.getWorldPosition(Fe)).normalize(), R = this.marks.leftEar.getWorldPosition(Ae).sub(this.marks.rightEar.getWorldPosition(Me)).normalize();
+        n(c, o.hips, "hips", "torso", l, "+x"), n(c, o.torso, "torso", "neck", f, "+x"), n(c, o.neck, "neck", "head", R, "+x"), n(c, o.head, "neck", "head", R, "+x"), n(c, o.leftArm, "leftArm", "leftElbow", f, "-x"), n(c, o.leftElbow, "leftElbow", "leftWrist", f, "-x"), n(c, o.leftLeg, "leftLeg", "leftKnee", l, "+x"), n(c, o.leftKnee, "leftKnee", "leftFoot", l, "+x"), n(c, o.leftFoot, "leftFoot", "leftToes", l, "+x"), n(c, o.rightArm, "rightArm", "rightElbow", f, "-x"), n(c, o.rightElbow, "rightElbow", "rightWrist", f, "-x"), n(c, o.rightLeg, "rightLeg", "rightKnee", l, "+x"), n(c, o.rightKnee, "rightKnee", "rightFoot", l, "+x"), n(c, o.rightFoot, "rightFoot", "rightToes", l, "+x");
       }
     };
   }
 }
-const $ = new h.Vector2(), U = new h.Vector2();
-async function At(l, o) {
-  const t = await S.createFromOptions(l, {
+const j = new p.Vector2(), q = new p.Vector2();
+async function ge(d, s) {
+  const e = await D.createFromOptions(d, {
     baseOptions: {
-      modelAssetPath: o.modelPath ?? "hand_landmarker.task",
+      modelAssetPath: s.modelPath ?? "hand_landmarker.task",
       //modelAssetPath: `https://storage.googleapis.com/mediapipe-models/hand_landmarker/hand_landmarker/float16/1/hand_landmarker.task`,
       delegate: "GPU"
     },
     runningMode: "VIDEO",
     numHands: 2
-  }), e = (s, i, r) => ($.copy(s()), U.copy(i()), $.distanceTo(r) < U.distanceTo(r));
+  }), t = (o, i, r) => (j.copy(o()), q.copy(i()), j.distanceTo(r) < q.distanceTo(r));
   return {
-    left: new Z(t, "Left", e.bind(null, o.leftWrist, o.rightWrist)),
-    right: new Z(t, "Right", e.bind(null, o.rightWrist, o.leftWrist))
+    left: new ee(e, "Left", t.bind(null, s.leftWrist, s.rightWrist)),
+    right: new ee(e, "Right", t.bind(null, s.rightWrist, s.leftWrist))
   };
 }
-const Mt = {
+const Se = {
   wrist: 0,
   palm: [9, 13],
   thumb1: 1,
@@ -250,36 +252,36 @@ const Mt = {
   middle: ["middle1", "middle2", "middle3", "middle4"],
   ring: ["ring1", "ring2", "ring3", "ring4"],
   pinky: ["pinky1", "pinky2", "pinky3", "pinky4"]
-}, Ft = new h.Vector3(), K = new h.Vector3(), j = new h.Vector3(), q = new h.Vector3(), X = new h.Vector3(), vt = new h.Vector3();
-new h.Vector3();
-new h.Vector3();
-const Q = new h.Vector3(), Y = Math.PI / 2, Vt = new h.Vector3(0, -1, 0);
-class Z extends z {
-  constructor(t, e, s) {
-    super(Mt, S.HAND_CONNECTIONS);
-    y(this, "sign");
-    y(this, "isLeft");
+}, Ne = new p.Vector3(), K = new p.Vector3(), X = new p.Vector3(), Q = new p.Vector3(), Y = new p.Vector3(), Ve = new p.Vector3();
+new p.Vector3();
+new p.Vector3();
+const Z = new p.Vector3(), J = Math.PI / 2, Oe = new p.Vector3(0, -1, 0);
+class ee extends _ {
+  constructor(e, t, o) {
+    super(Se, D.HAND_CONNECTIONS);
+    k(this, "sign");
+    k(this, "isLeft");
     /**
      * the axis used to look at the pole
      */
-    y(this, "lookAtPoleAxis");
-    this.handLandmarker = t, this.side = e, this.isMyWrist = s, this.sign = this.side == "Left" ? -1 : 1, this.isLeft = this.side == "Left", this.lookAtPoleAxis = this.sign < 0 ? "+x" : "-x", this.root.scale.setScalar(2), this.root.scale.y *= -1, this.root.scale.z *= -1;
-  }
-  predict(t, e) {
-    const s = this.handLandmarker.detectForVideo(t, performance.now());
-    if (s.landmarks.length)
-      for (let i = 0; i < s.landmarks.length; i++) {
-        const r = s.landmarks[i], n = r[this.points.wrist];
+    k(this, "lookAtPoleAxis");
+    this.handLandmarker = e, this.side = t, this.isMyWrist = o, this.sign = this.side == "Left" ? -1 : 1, this.isLeft = this.side == "Left", this.lookAtPoleAxis = this.sign < 0 ? "+x" : "-x", this.root.scale.setScalar(2), this.root.scale.y *= -1, this.root.scale.z *= -1;
+  }
+  predict(e, t) {
+    const o = this.handLandmarker.detectForVideo(e, performance.now());
+    if (o.landmarks.length)
+      for (let i = 0; i < o.landmarks.length; i++) {
+        const r = o.landmarks[i], n = r[this.points.wrist];
         if (this.isMyWrist(n)) {
-          this.updateLandmarks(s.worldLandmarks[i]), e.drawConnectors(r, S.HAND_CONNECTIONS, {
+          this.updateLandmarks(o.worldLandmarks[i]), t.drawConnectors(r, D.HAND_CONNECTIONS, {
             color: this.side == "Left" ? "#00FF00" : "#0000FF",
             lineWidth: 4
-          }), e.drawLandmarks(r, { color: this.side == "Left" ? "#00FF00" : "#0000FF", lineWidth: 3, radius: 1 });
+          }), t.drawLandmarks(r, { color: this.side == "Left" ? "#00FF00" : "#0000FF", lineWidth: 3, radius: 1 });
           break;
         }
       }
   }
-  sync(t, e) {
+  sync(e, t) {
     throw new Error("Not used. Use syncHandBones instead");
   }
   /**
@@ -288,64 +290,64 @@ class Z extends z {
    * @param landmark2bones Array the same size as the umber of hand landmarks, and on each positionthe bone that belongs to that point.
    * @see https://ai.google.dev/edge/mediapipe/solutions/vision/hand_landmarker
    */
-  syncHandBones(t, e, s) {
-    const i = Ft.crossVectors(
+  syncHandBones(e, t, o) {
+    const i = Ne.crossVectors(
       K.copy(this.marks.index1.worldPosition).sub(this.marks.wrist.worldPosition),
-      j.copy(this.marks.pinky1.worldPosition).sub(this.marks.wrist.worldPosition)
-    ).normalize(), r = K.copy(this.marks.palm.worldPosition).sub(this.marks.wrist.worldPosition).normalize(), n = j.copy(this.marks.pinky1.worldPosition).sub(this.marks.index1.worldPosition).normalize();
-    if (!(r.dot(Vt) > 0.8)) {
-      if (e.wrist) {
-        const a = E(q, e.wrist, s).add(r).applyMatrix4(s.matrixWorld), c = E(X, e.wrist, s).sub(n).applyMatrix4(s.matrixWorld), m = this.getGhost(e.wrist);
-        A(m, a, c, "-y"), m.rotateX(Y), m.lerp(e.wrist, t);
+      X.copy(this.marks.pinky1.worldPosition).sub(this.marks.wrist.worldPosition)
+    ).normalize(), r = K.copy(this.marks.palm.worldPosition).sub(this.marks.wrist.worldPosition).normalize(), n = X.copy(this.marks.pinky1.worldPosition).sub(this.marks.index1.worldPosition).normalize();
+    if (!(r.dot(Oe) > 0.8)) {
+      if (t.wrist) {
+        const a = F(Q, t.wrist, o).add(r).applyMatrix4(o.matrixWorld), c = F(Y, t.wrist, o).sub(n).applyMatrix4(o.matrixWorld), l = this.getGhost(t.wrist);
+        A(l, a, c, "-y"), l.rotateX(J), l.lerp(t.wrist, e);
       }
-      this.syncFinger(t, s, i, r, n, e, v.index, "middle1"), this.syncFinger(t, s, i, r, n, e, v.middle, "ring1"), this.syncFinger(t, s, i, r, n, e, v.ring, "pinky1"), this.syncFinger(t, s, i, r, n, e, v.pinky, "ring1", !0), this.syncFinger(t, s, i, r, n, e, v.thumb, "index1");
+      this.syncFinger(e, o, i, r, n, t, v.index, "middle1"), this.syncFinger(e, o, i, r, n, t, v.middle, "ring1"), this.syncFinger(e, o, i, r, n, t, v.ring, "pinky1"), this.syncFinger(e, o, i, r, n, t, v.pinky, "ring1"), this.syncFinger(e, o, i, r, n, t, v.thumb, "index1");
     }
   }
-  syncFinger(t, e, s, i, r, n, a, c, m = !1) {
+  syncFinger(e, t, o, i, r, n, a, c, l = !1) {
     for (let f = 0; f < a.length - 1; f++) {
-      const k = n[a[f]];
-      if (!k) continue;
-      const d = q.copy(this.marks[a[f + 1]].worldPosition).sub(this.marks[a[f]].worldPosition).normalize(), p = E(X, k, e), P = vt.copy(p).add(r);
-      m && P.negate();
-      const x = this.getGhost(k);
-      f == 0 ? (Q.copy(P), A(
-        x,
-        d.add(p).applyMatrix4(e.matrixWorld),
-        P.add(p).applyMatrix4(e.matrixWorld),
+      const R = n[a[f]];
+      if (!R) continue;
+      const h = Q.copy(this.marks[a[f + 1]].worldPosition).sub(this.marks[a[f]].worldPosition).normalize(), m = F(Y, R, t), w = Ve.copy(m).add(r);
+      l && w.negate();
+      const u = this.getGhost(R);
+      f == 0 ? (Z.copy(w), A(
+        u,
+        h.add(m).applyMatrix4(t.matrixWorld),
+        w.add(m).applyMatrix4(t.matrixWorld),
         this.lookAtPoleAxis
-      )) : (P.copy(Q), A(
-        x,
-        d.add(p).applyMatrix4(e.matrixWorld),
-        P.add(p).applyMatrix4(e.matrixWorld),
+      )) : (w.copy(Z), A(
+        u,
+        h.add(m).applyMatrix4(t.matrixWorld),
+        w.add(m).applyMatrix4(t.matrixWorld),
         this.lookAtPoleAxis
-      )), x.rotateX(Y), x.lerp(k, t);
+      )), u.rotateX(J), u.lerp(R, e);
     }
   }
-  bind(t, e) {
-    const s = {}, i = (r, n) => {
-      const a = w(t, r);
-      a && (s[n] = a);
+  bind(e, t) {
+    const o = {}, i = (r, n) => {
+      const a = x(e, r);
+      a && (o[n] = a);
     };
-    return i(this.isLeft ? e.handL : e.handR, "wrist"), i(this.isLeft ? e.index1L : e.index1R, "index1"), i(this.isLeft ? e.index2L : e.index2R, "index2"), i(this.isLeft ? e.index3L : e.index3R, "index3"), i(this.isLeft ? e.middle1L : e.middle1R, "middle1"), i(this.isLeft ? e.middle2L : e.middle2R, "middle2"), i(this.isLeft ? e.middle3L : e.middle3R, "middle3"), i(this.isLeft ? e.ring1L : e.ring1R, "ring1"), i(this.isLeft ? e.ring2L : e.ring2R, "ring2"), i(this.isLeft ? e.ring3L : e.ring3R, "ring3"), i(this.isLeft ? e.pinky1L : e.pinky1R, "pinky1"), i(this.isLeft ? e.pinky2L : e.pinky2R, "pinky2"), i(this.isLeft ? e.pinky3L : e.pinky3R, "pinky3"), i(this.isLeft ? e.thumb1L : e.thumb1R, "thumb1"), i(this.isLeft ? e.thumb2L : e.thumb2R, "thumb2"), i(this.isLeft ? e.thumb3L : e.thumb3R, "thumb3"), {
+    return i(this.isLeft ? t.handL : t.handR, "wrist"), i(this.isLeft ? t.index1L : t.index1R, "index1"), i(this.isLeft ? t.index2L : t.index2R, "index2"), i(this.isLeft ? t.index3L : t.index3R, "index3"), i(this.isLeft ? t.middle1L : t.middle1R, "middle1"), i(this.isLeft ? t.middle2L : t.middle2R, "middle2"), i(this.isLeft ? t.middle3L : t.middle3R, "middle3"), i(this.isLeft ? t.ring1L : t.ring1R, "ring1"), i(this.isLeft ? t.ring2L : t.ring2R, "ring2"), i(this.isLeft ? t.ring3L : t.ring3R, "ring3"), i(this.isLeft ? t.pinky1L : t.pinky1R, "pinky1"), i(this.isLeft ? t.pinky2L : t.pinky2R, "pinky2"), i(this.isLeft ? t.pinky3L : t.pinky3R, "pinky3"), i(this.isLeft ? t.thumb1L : t.thumb1R, "thumb1"), i(this.isLeft ? t.thumb2L : t.thumb2R, "thumb2"), i(this.isLeft ? t.thumb3L : t.thumb3R, "thumb3"), {
       update: (r) => {
-        this.syncHandBones(r, s, t);
+        this.syncHandBones(r, o, e);
       }
     };
   }
 }
-async function Nt(l, o) {
-  const t = await C.createFromOptions(l, {
+async function Te(d, s) {
+  const e = await C.createFromOptions(d, {
     baseOptions: {
-      modelAssetPath: (o == null ? void 0 : o.modelPath) ?? "face_landmarker.task",
+      modelAssetPath: (s == null ? void 0 : s.modelPath) ?? "face_landmarker.task",
       delegate: "GPU"
     },
     outputFaceBlendshapes: !0,
     runningMode: "VIDEO",
     numFaces: 1
   });
-  return new Dt(t);
+  return new Ie(e);
 }
-const Ot = {
+const De = {
   eyeL: 473,
   eyeR: 468,
   eyeStartL: 463,
@@ -358,71 +360,71 @@ const Ot = {
   noseBone: 6,
   chin: 152,
   forehead: 10
-}, _t = new L(), St = new L(), ot = new L(), Ct = new L(), zt = new L();
-new L();
-class Dt extends z {
+}, Ce = new P(), _e = new P(), ie = new P(), ze = new P(), Be = new P();
+new P();
+class Ie extends _ {
   // lower = smoother but more lag, higher = more responsive
-  constructor(t) {
-    super(Ot, C.FACE_LANDMARKS_TESSELATION);
-    y(this, "blendshapeCategories");
-    y(this, "blendshapeMap", /* @__PURE__ */ new Map());
-    y(this, "smoothed", {});
-    y(this, "smoothing", 3e-4);
-    this.faceLandmarker = t, this.root.scale.y *= -1, this.root.scale.z *= -1, this.root.scale.multiplyScalar(3);
-  }
-  predict(t, e) {
+  constructor(e) {
+    super(De, C.FACE_LANDMARKS_TESSELATION);
+    k(this, "blendshapeCategories");
+    k(this, "blendshapeMap", /* @__PURE__ */ new Map());
+    k(this, "smoothed", {});
+    k(this, "smoothing", 3e-4);
+    this.faceLandmarker = e, this.root.scale.y *= -1, this.root.scale.z *= -1, this.root.scale.multiplyScalar(3);
+  }
+  predict(e, t) {
     var i, r, n;
-    const s = this.faceLandmarker.detectForVideo(t, performance.now());
-    s.faceLandmarks[0] && (e.drawConnectors(s.faceLandmarks[0], C.FACE_LANDMARKS_TESSELATION, { color: "#00fff2ff", lineWidth: 0.1 }), e.drawLandmarks(s.faceLandmarks[0], { color: "#00ff00", lineWidth: 0.1, radius: 0.4 }), this.updateLandmarks(s.faceLandmarks[0], s.faceLandmarks[0])), this.blendshapeCategories = (r = (i = s.faceBlendshapes) == null ? void 0 : i[0]) == null ? void 0 : r.categories, (n = this.blendshapeCategories) == null || n.forEach((a) => {
+    const o = this.faceLandmarker.detectForVideo(e, performance.now());
+    o.faceLandmarks[0] && (t.drawConnectors(o.faceLandmarks[0], C.FACE_LANDMARKS_TESSELATION, { color: "#00fff2ff", lineWidth: 0.1 }), t.drawLandmarks(o.faceLandmarks[0], { color: "#00ff00", lineWidth: 0.1, radius: 0.4 }), this.updateLandmarks(o.faceLandmarks[0], o.faceLandmarks[0])), this.blendshapeCategories = (r = (i = o.faceBlendshapes) == null ? void 0 : i[0]) == null ? void 0 : r.categories, (n = this.blendshapeCategories) == null || n.forEach((a) => {
       this.blendshapeMap.set(a.categoryName, a.score);
     });
   }
-  bindShapeKeys(t) {
-    const e = t.morphTargetDictionary;
+  bindShapeKeys(e) {
+    const t = e.morphTargetDictionary;
     return {
-      update: (s) => {
+      update: (o) => {
         var i;
         (i = this.blendshapeCategories) == null || i.forEach((r) => {
           const { categoryName: n, score: a } = r;
-          if (!(e != null && e.hasOwnProperty(n))) return;
+          if (!(t != null && t.hasOwnProperty(n))) return;
           this.smoothed[n] === void 0 && (this.smoothed[n] = a);
-          const c = 1 - Math.pow(this.smoothing, s);
-          this.smoothed[n] += (a - this.smoothed[n]) * c, t.morphTargetInfluences[e[n]] = this.smoothed[n];
+          const c = 1 - Math.pow(this.smoothing, o);
+          this.smoothed[n] += (a - this.smoothed[n]) * c, e.morphTargetInfluences[t[n]] = this.smoothed[n];
         });
       }
     };
   }
-  bind(t) {
-    const e = new J(t, "L"), s = new J(t, "R"), i = w(t, "head");
+  bind(e) {
+    const t = new te(e, "L"), o = new te(e, "R"), i = x(e, "head");
     return {
       update: (r) => {
-        if (e.update(r, this.blendshapeMap), s.update(r, this.blendshapeMap), !i) return;
-        const n = _t.copy(this.marks.earL.worldPosition), a = St.copy(this.marks.earR.worldPosition), c = ot.subVectors(n, a).multiplyScalar(0.5).add(a), m = Ct.subVectors(this.marks.noseTip.worldPosition, c), f = n.sub(a), k = E(zt, i, t), d = f.add(k).applyMatrix4(t.matrixWorld), p = m.add(k).applyMatrix4(t.matrixWorld);
-        A(i, p, d, "+x");
+        if (t.update(r, this.blendshapeMap), o.update(r, this.blendshapeMap), !i) return;
+        const n = Ce.copy(this.marks.earL.worldPosition), a = _e.copy(this.marks.earR.worldPosition), c = ie.subVectors(n, a).multiplyScalar(0.5).add(a), l = ze.subVectors(this.marks.noseTip.worldPosition, c), f = n.sub(a), R = F(Be, i, e), h = f.add(R).applyMatrix4(e.matrixWorld), m = l.add(R).applyMatrix4(e.matrixWorld);
+        A(i, m, h, "+x");
       }
     };
   }
 }
-class J {
-  constructor(o, t) {
-    y(this, "eyeBone");
-    y(this, "eyeLookOut");
-    y(this, "eyeLookIn");
-    y(this, "eyeLookUp");
-    y(this, "eyeLookDown");
-    y(this, "sign", 1);
-    this.rig = o, this.side = t, this.eyeBone = o.getObjectByName(`eye${t}`);
-    const e = t == "L" ? "Left" : "Right";
-    this.eyeLookOut = `eyeLookOut${e}`, this.eyeLookIn = `eyeLookIn${e}`, this.eyeLookUp = `eyeLookUp${e}`, this.eyeLookDown = `eyeLookDown${e}`, this.sign = t == "L" ? -1 : 1;
-  }
-  update(o, t) {
+class te {
+  constructor(s, e) {
+    k(this, "eyeBone");
+    k(this, "eyeLookOut");
+    k(this, "eyeLookIn");
+    k(this, "eyeLookUp");
+    k(this, "eyeLookDown");
+    k(this, "sign", 1);
+    this.rig = s, this.side = e, this.eyeBone = s.getObjectByName(`eye${e}`);
+    const t = e == "L" ? "Left" : "Right";
+    this.eyeLookOut = `eyeLookOut${t}`, this.eyeLookIn = `eyeLookIn${t}`, this.eyeLookUp = `eyeLookUp${t}`, this.eyeLookDown = `eyeLookDown${t}`, this.sign = e == "L" ? -1 : 1;
+  }
+  update(s, e) {
     if (!this.eyeBone) return;
-    E(ot, this.eyeBone, this.rig);
-    const e = t.get(this.eyeLookOut) ?? 0, s = t.get(this.eyeLookIn) ?? 0, i = t.get(this.eyeLookUp) ?? 0, r = t.get(this.eyeLookDown) ?? 0, n = s - e, a = r - i;
-    console.log("EYE: ", n, a), this.eyeBone.rotation.y = n * this.sign / 2, this.eyeBone.rotation.x = a / 2;
+    F(ie, this.eyeBone, this.rig);
+    const t = e.get(this.eyeLookOut) ?? 0, o = e.get(this.eyeLookIn) ?? 0, i = e.get(this.eyeLookUp) ?? 0, r = e.get(this.eyeLookDown) ?? 0, n = o - t, a = r - i;
+    this.eyeBone.rotation.y = n * this.sign / 2, this.eyeBone.rotation.x = a / 2;
   }
 }
-const Tt = {
+const ne = {
   faceMesh: "face",
   head: "head",
   hips: "hips",
@@ -470,12 +472,148 @@ const Tt = {
   thumb1R: "thumb1R",
   thumb2R: "thumb2R",
   thumb3R: "thumb3R"
-}, gt = () => {
-  var l;
-  return !!((l = navigator.mediaDevices) != null && l.getUserMedia);
+}, Ue = [
+  "eyeBlinkLeft",
+  "eyeBlinkRight",
+  "eyeLookDownLeft",
+  "eyeLookDownRight",
+  "eyeLookInLeft",
+  "eyeLookInRight",
+  "eyeLookOutLeft",
+  "eyeLookOutRight",
+  "eyeLookUpLeft",
+  "eyeLookUpRight",
+  "eyeSquintLeft",
+  "eyeSquintRight",
+  "eyeWideLeft",
+  "eyeWideRight",
+  "browDownLeft",
+  "browDownRight",
+  "browInnerUp",
+  "browOuterUpLeft",
+  "browOuterUpRight",
+  "noseSneerLeft",
+  "noseSneerRight",
+  "cheekPuff",
+  "cheekSquintLeft",
+  "cheekSquintRight",
+  "jawForward",
+  "jawLeft",
+  "jawOpen",
+  "jawRight",
+  "mouthClose",
+  "mouthDimpleLeft",
+  "mouthDimpleRight",
+  "mouthFrownLeft",
+  "mouthFrownRight",
+  "mouthFunnel",
+  "mouthLeft",
+  "mouthLowerDownLeft",
+  "mouthLowerDownRight",
+  "mouthPressLeft",
+  "mouthPressRight",
+  "mouthPucker",
+  "mouthRight",
+  "mouthRollLower",
+  "mouthRollUpper",
+  "mouthShrugLower",
+  "mouthShrugUpper",
+  "mouthSmileLeft",
+  "mouthSmileRight",
+  "mouthStretchLeft",
+  "mouthStretchRight",
+  "mouthUpperUpLeft",
+  "mouthUpperUpRight",
+  "tongueOut"
+];
+function Ge(d, s, e = 30) {
+  const t = [], o = d.getObjectByName(
+    s.faceMesh
+  ), i = /* @__PURE__ */ new Set();
+  if (o != null && o.morphTargetDictionary)
+    for (const w in o.morphTargetDictionary)
+      Ue.includes(w) && i.add(w);
+  const r = Object.keys(s);
+  d.traverse((w) => {
+    if (w instanceof S.Bone) {
+      const u = r.find((W) => w.name.indexOf(s[W]) === 0);
+      u && t.push({
+        ref: w,
+        name: w.name,
+        normalizedName: u
+      });
+    }
+  });
+  const n = [], a = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
+  let l = !1, f = 0;
+  function R() {
+    a.clear(), c.clear(), n.length = 0, f = performance.now() / 1e3, l = !0;
+  }
+  function h() {
+    if (!l) return;
+    const w = performance.now() / 1e3 - f;
+    n.push(w);
+    for (const u of t) {
+      a.has(u.name) || a.set(u.name, []);
+      const W = a.get(u.name), b = u.ref.quaternion;
+      W.push(b.x, b.y, b.z, b.w);
+    }
+    for (const u of i) {
+      c.has(u) || c.set(u, []);
+      const W = c.get(u), b = o.morphTargetDictionary[u], E = o.morphTargetInfluences[b];
+      W.push(E);
+    }
+  }
+  function m(w = "RecordedClip") {
+    l = !1;
+    const u = [];
+    for (const [b, E] of a)
+      u.push(
+        new S.QuaternionKeyframeTrack(
+          `${b}.quaternion`,
+          n,
+          E
+        )
+      );
+    for (const [b, E] of c)
+      u.push(
+        new S.NumberKeyframeTrack(
+          `${ne.faceMesh}.morphTargetInfluences[${b}]`,
+          n,
+          E
+        )
+      );
+    const W = new S.AnimationClip(w, -1, u);
+    return {
+      clip: W,
+      saveToFile: () => {
+        new me().parse(
+          d,
+          (E) => {
+            const L = new Blob([E], {
+              type: "model/gltf-binary"
+            }), y = URL.createObjectURL(L), g = document.createElement("a");
+            g.href = y, g.download = w + ".glb", g.click();
+          },
+          (E) => {
+            console.error(E);
+          },
+          {
+            binary: !0,
+            animations: [W]
+          }
+        );
+      }
+    };
+  }
+  return { start: R, captureFrame: h, stop: m, isRecording: () => l };
+}
+const He = () => {
+  var d;
+  return !!((d = navigator.mediaDevices) != null && d.getUserMedia);
 };
-async function Ut(l) {
-  const o = {
+async function Qe(d) {
+  const s = {
     debugFrame: void 0,
     displayScale: 1,
     ignoreLegs: !1,
@@ -487,50 +625,50 @@ async function Ut(l) {
       hand: "https://storage.googleapis.com/mediapipe-models/hand_landmarker/hand_landmarker/float16/1/hand_landmarker.task",
       face: "https://storage.googleapis.com/mediapipe-models/face_landmarker/face_landmarker/float16/1/face_landmarker.task"
     },
-    ...l
+    ...d
   };
-  let t;
-  const e = await at.forVisionTasks(o.modelPaths.vision ?? "/wasm"), s = await kt(e, {
-    ignoreLegs: o.ignoreLegs,
-    modelPath: o.modelPaths.pose
-  }), i = await At(e, {
-    leftWrist: () => s.leftWristNormalizedPosition,
-    rightWrist: () => s.rightWristNormalizedPosition,
-    modelPath: o.modelPaths.hand,
-    ...l == null ? void 0 : l.handsTrackerOptions
-  }), r = o.ignoreFace ? void 0 : await Nt(e, { modelPath: o.modelPaths.face }), n = document.createElement("div");
+  let e;
+  const t = await ce.forVisionTasks(s.modelPaths.vision ?? "/wasm"), o = await Pe(t, {
+    ignoreLegs: s.ignoreLegs,
+    modelPath: s.modelPaths.pose
+  }), i = await ge(t, {
+    leftWrist: () => o.leftWristNormalizedPosition,
+    rightWrist: () => o.rightWristNormalizedPosition,
+    modelPath: s.modelPaths.hand,
+    ...d == null ? void 0 : d.handsTrackerOptions
+  }), r = s.ignoreFace ? void 0 : await Te(t, { modelPath: s.modelPaths.face }), n = document.createElement("div");
   n.style.position = "absolute", n.style.top = "0px", n.style.left = "0px", n.style.zIndex = "21", n.classList.add("three-mediapipe-rig"), document.body.appendChild(n);
-  const a = document.createElement("canvas"), c = a.getContext("2d"), m = new dt(c);
+  const a = document.createElement("canvas"), c = a.getContext("2d"), l = new le(c);
   a.style.zIndex = "22", a.style.position = "absolute", a.style.top = "0px", a.style.left = "0px", a.style.pointerEvents = "none", n.appendChild(a);
-  function f(d) {
-    c.save(), c.clearRect(0, 0, a.width, a.height), s == null || s.predict(d, m), i == null || i.left.predict(d, m), i == null || i.right.predict(d, m), r == null || r.predict(d, m), c.restore();
-  }
-  function k() {
-    t = document.createElement("video"), n.appendChild(t);
-    let d = -1;
-    t.style.zIndex = "21", t.style.position = "absolute", t.style.top = "0px", t.style.left = "0px", o.debugVideo && (t.src = o.debugVideo, t.controls = !0, t.loop = !0, t.muted = !0, t.controls = !0, t.play());
-    function p() {
-      d !== t.currentTime && (f(t), d = t.currentTime), window.requestAnimationFrame(p);
+  function f(h) {
+    c.save(), c.clearRect(0, 0, a.width, a.height), o == null || o.predict(h, l), i == null || i.left.predict(h, l), i == null || i.right.predict(h, l), r == null || r.predict(h, l), c.restore();
+  }
+  function R() {
+    e = document.createElement("video"), n.appendChild(e);
+    let h = -1;
+    e.style.zIndex = "21", e.style.position = "absolute", e.style.top = "0px", e.style.left = "0px", s.debugVideo && (e.src = s.debugVideo, e.controls = !0, e.loop = !0, e.muted = !0, e.controls = !0, e.play());
+    function m() {
+      h !== e.currentTime && (f(e), h = e.currentTime), window.requestAnimationFrame(m);
     }
-    t.addEventListener("loadeddata", () => {
-      t.width = t.videoWidth * o.displayScale, t.height = t.videoHeight * o.displayScale, a.width = t.videoWidth, a.height = t.videoHeight, a.style.height = t.height + "px", a.style.width = t.width + "px", window.requestAnimationFrame(p);
+    e.addEventListener("loadeddata", () => {
+      e.width = e.videoWidth * s.displayScale, e.height = e.videoHeight * s.displayScale, a.width = e.videoWidth, a.height = e.videoHeight, a.style.height = e.height + "px", a.style.width = e.width + "px", window.requestAnimationFrame(m);
     });
   }
-  if (o.debugFrame) {
-    const d = document.createElement("img");
-    d.src = o.debugFrame, d.style.zIndex = "21", d.style.position = "absolute", d.style.top = "0px", d.style.left = "0px", document.body.appendChild(d), d.addEventListener("load", () => {
-      d.width = d.naturalWidth * o.displayScale, d.height = d.naturalHeight * o.displayScale, a.width = d.naturalWidth, a.height = d.naturalWidth, a.style.width = d.width + "px", a.style.height = d.height + "px";
-      function p() {
-        f(d);
+  if (s.debugFrame) {
+    const h = document.createElement("img");
+    h.src = s.debugFrame, h.style.zIndex = "21", h.style.position = "absolute", h.style.top = "0px", h.style.left = "0px", document.body.appendChild(h), h.addEventListener("load", () => {
+      h.width = h.naturalWidth * s.displayScale, h.height = h.naturalHeight * s.displayScale, a.width = h.naturalWidth, a.height = h.naturalWidth, a.style.width = h.width + "px", a.style.height = h.height + "px";
+      function m() {
+        f(h);
       }
-      window.requestAnimationFrame(p);
+      window.requestAnimationFrame(m);
     });
-  } else o.debugVideo && k();
+  } else s.debugVideo && R();
   return {
-    poseTracker: s,
+    poseTracker: o,
     handsTracker: i,
     faceTracker: r,
-    video: t,
+    video: e,
     /**
      * A div that contains the video and canvas used to display the landmarks stacked on top of each other.
      */
@@ -539,55 +677,55 @@ async function Ut(l) {
      * Start the webcam feed. This must be initiated by a user triggered event ( a click on a button ) due to security reasons. 
      */
     start: async () => {
-      let d = !1;
-      if (!gt())
+      let h = !1;
+      if (!He())
         throw new Error("Webcam not supported");
-      t || k();
-      let p;
-      function P(u) {
-        console.warn("Camera track ended, attempting recovery..."), x(u), R(u);
+      e || R();
+      let m;
+      function w(L) {
+        console.warn("Camera track ended, attempting recovery..."), u(L), W(L);
       }
-      function x(u) {
-        p == null || p.getTracks().forEach((b) => b.stop()), p = void 0, u.srcObject = null;
+      function u(L) {
+        m == null || m.getTracks().forEach((y) => y.stop()), m = void 0, L.srcObject = null;
       }
-      async function R(u, b = 0) {
-        const st = Math.min(1e3 * 2 ** b, 16e3);
-        if (b >= 5)
+      async function W(L, y = 0) {
+        const re = Math.min(1e3 * 2 ** y, 16e3);
+        if (y >= 5)
           throw new Error("Camera recovery failed after max attempts");
-        if (await new Promise((it) => setTimeout(it, st)), !d)
+        if (await new Promise((ae) => setTimeout(ae, re)), !h)
           try {
-            await W(u), console.log("Camera recovered successfully");
+            await b(L), console.log("Camera recovered successfully");
           } catch {
-            R(u, b + 1);
+            W(L, y + 1);
           }
       }
-      async function W(u) {
+      async function b(L) {
         try {
-          p = await navigator.mediaDevices.getUserMedia({ video: !0 }), u.srcObject = p, await u.play(), p.getVideoTracks().forEach((b) => {
-            b.addEventListener("ended", () => P(u));
+          m = await navigator.mediaDevices.getUserMedia({ video: !0 }), L.srcObject = m, await L.play(), m.getVideoTracks().forEach((y) => {
+            y.addEventListener("ended", () => w(L));
           });
-        } catch (b) {
-          M(b, u);
+        } catch (y) {
+          E(y, L);
         }
       }
-      function M(u, b) {
-        if (u instanceof DOMException)
-          switch (u.name) {
+      function E(L, y) {
+        if (L instanceof DOMException)
+          switch (L.name) {
             case "NotAllowedError":
               throw new Error("Permission denied — prompt user to allow camera");
             case "NotFoundError":
-              console.error("No camera found — retry when device is connected"), R(b);
+              console.error("No camera found — retry when device is connected"), W(y);
               break;
             case "NotReadableError":
-              console.error("Camera in use by another app"), R(b);
+              console.error("Camera in use by another app"), W(y);
               break;
             default:
-              console.error("Camera error:", u.message), R(b);
+              console.error("Camera error:", L.message), W(y);
           }
       }
-      return await W(t), {
+      return await b(e), {
         stop: () => {
-          d = !0, x(t);
+          h = !0, u(e);
         }
       };
     },
@@ -596,22 +734,31 @@ async function Ut(l) {
           * @param rig The rig that contains all the bones and skinned meshes of your character.
     * @param magging The bone mapping to use for the rig.
           */
-    bind: (d, p) => {
-      p = p || Tt;
-      const P = s.bind(d, p), x = i.left.bind(d, p), R = i.right.bind(d, p);
-      let W;
-      const M = r == null ? void 0 : r.bind(d);
-      return d.traverse((u) => {
-        u instanceof h.Mesh && u.name.indexOf(p.faceMesh) === 0 && (u.frustumCulled = !1, W = r == null ? void 0 : r.bindShapeKeys(u));
-      }), {
-        update: (u) => {
-          P.update(u), x.update(u), R.update(u), W == null || W.update(u), M == null || M.update(u);
+    bind: (h, m) => {
+      m = m || ne;
+      const w = o.bind(h, m), u = i.left.bind(h, m), W = i.right.bind(h, m);
+      let b;
+      const E = r == null ? void 0 : r.bind(h);
+      h.traverse((y) => {
+        y instanceof p.Mesh && y.name.indexOf(m.faceMesh) === 0 && (y.frustumCulled = !1, b = r == null ? void 0 : r.bindShapeKeys(y));
+      });
+      const L = Ge(h, m);
+      return {
+        /**
+         * Will save the tracked movement of the rig to an animation clip.
+         * Only the bones moved by the bone mapping will be recorded.
+         */
+        startRecording: L.start,
+        stopRecording: L.stop,
+        isRecording: () => L.isRecording(),
+        update: (y) => {
+          w.update(y), u.update(y), W.update(y), b == null || b.update(y), E == null || E.update(y), L.isRecording() && L.captureFrame();
         }
       };
     }
   };
 }
 export {
-  Ut as setupTracker
+  Qe as setupTracker
 };
 //# sourceMappingURL=three-mediapipe-rig.js.map