three-mediapipe-rig 0.1.3 → 0.1.4

package/dist/rigger.js

@@ -1,45 +1,45 @@
-var Pe = Object.defineProperty;
-var Ee = (h, o, e) => o in h ? Pe(h, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : h[o] = e;
-var R = (h, o, e) => Ee(h, typeof o != "symbol" ? o + "" : o, e);
-import { PoseLandmarker as Le, HandLandmarker as G, FaceLandmarker as j, FilesetResolver as We, DrawingUtils as ge } from "@mediapipe/tasks-vision";
+var Ae = Object.defineProperty;
+var Me = (c, s, e) => s in c ? Ae(c, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[s] = e;
+var R = (c, s, e) => Me(c, typeof s != "symbol" ? s + "" : s, e);
+import { PoseLandmarker as ke, HandLandmarker as G, FaceLandmarker as q, FilesetResolver as Se, DrawingUtils as Ve } from "@mediapipe/tasks-vision";
 import * as p from "three/webgpu";
-import { Vector3 as b, Quaternion as ke, VideoTexture as Z, SRGBColorSpace as J, MeshPhysicalNodeMaterial as Fe } from "three/webgpu";
-import * as C from "three";
-import { Bone as Ae } from "three";
-import { uniform as D, attribute as Se, instancedArray as Me, varying as Ve, vec3 as Ne, float as Oe, texture as Te, vec2 as _e } from "three/tsl";
-import { c as Ce, F as De } from "./face-tracker-utils-xt9__vBF.js";
-import { GLTFExporter as ze } from "three/examples/jsm/Addons.js";
-const U = new b(), ee = new b(), Be = new b(1, 0, 0), Ue = new b(-1, 0, 0), Ie = new b(0, 1, 0), He = new b(0, -1, 0), te = new b(0, 0, 1);
-new b(0, 0, -1);
-const oe = new b(), Ge = new b(), je = new b(), se = new ke(), I = new ke();
-function S(h, o, e, t = "+x") {
-  h.lookAt(o);
-  const s = t == "+x" ? Be : t == "-x" ? Ue : t == "+y" ? Ie : He;
-  h.getWorldPosition(ee), h.getWorldQuaternion(I), U.subVectors(e, ee).normalize(), oe.copy(s).applyQuaternion(I);
-  const n = oe, d = Ge.copy(te).applyQuaternion(I), i = U.clone().addScaledVector(d, -U.dot(d)).normalize(), r = je.crossVectors(n, i), m = Math.atan2(r.dot(d), n.dot(i));
-  se.setFromAxisAngle(te, m), h.quaternion.multiply(se);
+import { Vector3 as x, Quaternion as xe, Matrix4 as Ne, VideoTexture as Z, SRGBColorSpace as J, MeshPhysicalNodeMaterial as Oe } from "three/webgpu";
+import * as D from "three";
+import { Bone as Te } from "three";
+import { uniform as z, attribute as _e, instancedArray as Ce, varying as De, vec3 as ze, float as Be, select as Ue, positionLocal as Ie, texture as He, vec2 as Ge } from "three/tsl";
+import { c as qe, F as ee } from "./face-tracker-utils-xt9__vBF.js";
+import { GLTFExporter as je } from "three/examples/jsm/Addons.js";
+const U = new x(), te = new x(), Ke = new x(1, 0, 0), $e = new x(-1, 0, 0), Xe = new x(0, 1, 0), Qe = new x(0, -1, 0), oe = new x(0, 0, 1);
+new x(0, 0, -1);
+const se = new x(), Ye = new x(), Ze = new x(), ne = new xe(), I = new xe();
+function N(c, s, e, t = "+x") {
+  c.lookAt(s);
+  const o = t == "+x" ? Ke : t == "-x" ? $e : t == "+y" ? Xe : Qe;
+  c.getWorldPosition(te), c.getWorldQuaternion(I), U.subVectors(e, te).normalize(), se.copy(o).applyQuaternion(I);
+  const n = se, a = Ye.copy(oe).applyQuaternion(I), r = U.clone().addScaledVector(a, -U.dot(a)).normalize(), i = Ze.crossVectors(n, r), l = Math.atan2(i.dot(a), n.dot(r));
+  ne.setFromAxisAngle(oe, l), c.quaternion.multiply(ne);
 }
-const z = new p.Vector3(), O = new p.Vector3(), H = new p.Vector3();
+const B = new p.Vector3(), _ = new p.Vector3(), H = new p.Vector3();
 new p.Vector3();
-class q {
-  constructor(o, e) {
+class j {
+  constructor(s, e) {
     R(this, "objectGhost");
     R(this, "root");
     /**
      * per landmark index, it points to it's object3D equivalent.
      */
     R(this, "marks", {});
-    this.points = o, this.debugConnections = e, this.root = new p.Object3D(), this.objectGhost = /* @__PURE__ */ new Map();
+    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 qe(), this.root.add(this.marks[t]);
-  }
-  updateLandmarks(o, e, t) {
-    for (let s in this.points) {
-      const n = this.points[s], d = this.marks[s];
-      d && (n instanceof Array ? (z.copy(o[n[0]]), d.position.copy(o[n[1]]).sub(z).divideScalar(2).add(o[n[0]]), n.length == 4 && (z.subVectors(
-        o[n[3]],
-        o[n[2]]
-      ).divideScalar(2).add(o[n[2]]).sub(d.position).divideScalar(2), d.position.add(z))) : d.position.copy(o[n]));
+      this.marks[t] = new Je(), this.root.add(this.marks[t]);
+  }
+  updateLandmarks(s, e, t) {
+    for (let o in this.points) {
+      const n = this.points[o], a = this.marks[o];
+      a && (n instanceof Array ? (B.copy(s[n[0]]), a.position.copy(s[n[1]]).sub(B).divideScalar(2).add(s[n[0]]), n.length == 4 && (B.subVectors(
+        s[n[3]],
+        s[n[2]]
+      ).divideScalar(2).add(s[n[2]]).sub(a.position).divideScalar(2), a.position.add(B))) : a.position.copy(s[n]));
     }
     t && e && t.drawConnectors(
       e,
@@ -49,37 +49,37 @@ class q {
       }
     );
   }
-  getGhost(o) {
+  getGhost(s) {
     var e;
-    if (!this.objectGhost.has(o)) {
-      const t = new $e();
-      t.position.copy(o.position), t.quaternion.copy(o.quaternion), (e = o.parent) == null || e.add(t), this.objectGhost.set(o, t);
+    if (!this.objectGhost.has(s)) {
+      const t = new et();
+      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, e) {
+  predict(s, e) {
     throw new Error("Method 'predict' must be implemented.");
   }
-  sync(o, e) {
+  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, e, t) {
-    for (const [s, n, d, i] of o) {
-      this.marks[d].getWorldPosition(H), this.marks[n].getWorldPosition(O);
-      const r = H.sub(O);
-      s.getWorldPosition(O), O.add(r);
-      const m = O, l = s.getWorldPosition(H).sub(t), u = this.getGhost(s);
-      S(u, m, l, i), u.rotateX(Math.PI / 2), s.position.lerp(u.position, e * 4), s.quaternion.slerp(u.quaternion, e * 4);
+  syncObjects(s, e, t) {
+    for (const [o, n, a, r] of s) {
+      this.marks[a].getWorldPosition(H), this.marks[n].getWorldPosition(_);
+      const i = H.sub(_);
+      o.getWorldPosition(_), _.add(i);
+      const l = _, m = o.getWorldPosition(H).sub(t), h = this.getGhost(o);
+      N(h, l, m, r), h.rotateX(Math.PI / 2), o.position.lerp(h.position, e * 4), o.quaternion.slerp(h.quaternion, e * 4);
     }
   }
-  getBone(o, e) {
-    return o.getObjectByName(e.replace(/[\.\:]/g, ""));
+  getBone(s, e) {
+    return s.getObjectByName(e.replace(/[\.\:]/g, ""));
   }
 }
-class qe extends p.Mesh {
+class Je extends p.Mesh {
   constructor() {
     super(new p.SphereGeometry(0.01, 3, 3), new p.MeshStandardMaterial({ color: 16711680, wireframe: !0 }));
     R(this, "_worldPosition", new p.Vector3());
@@ -89,27 +89,27 @@ class qe extends p.Mesh {
     return this.getWorldPosition(this._worldPosition), this._worldPosition;
   }
 }
-class $e extends p.Object3D {
-  lerp(o, e, t = 8) {
-    o.position.lerp(this.position, e * t), o.quaternion.slerp(this.quaternion, e * t);
+class et extends p.Object3D {
+  lerp(s, e, t = 8) {
+    s.position.lerp(this.position, e * t), s.quaternion.slerp(this.quaternion, e * t);
   }
 }
-function A(h, o, e) {
-  return e.worldToLocal(o.getWorldPosition(h)), h;
+function S(c, s, e) {
+  return e.worldToLocal(s.getWorldPosition(c)), c;
 }
-function Ke(h) {
-  return h.replace(/[\.\:]/g, "");
+function tt(c) {
+  return c.replace(/[\.\:]/g, "");
 }
-function P(h, o) {
+function F(c, s) {
   let e;
-  return o = Ke(o), h.traverse((t) => {
-    t.name.indexOf(o) === 0 && t instanceof Ae && (e = t);
-  }), e || console.log("Bone not found: ", o, h.name), e;
+  return s = tt(s), c.traverse((t) => {
+    t.name.indexOf(s) === 0 && t instanceof Te && (e = t);
+  }), e || console.log("Bone not found: ", s, c.name), e;
 }
-async function Xe(h, o) {
-  const e = await Le.createFromOptions(h, {
+async function ot(c, s) {
+  const e = await ke.createFromOptions(c, {
     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"
@@ -117,9 +117,9 @@ async function Xe(h, o) {
     runningMode: "VIDEO",
     numPoses: 1
   });
-  return new tt(e, o);
+  return new dt(e, s);
 }
-const Qe = {
+const st = {
   hips: [24, 23],
   neck: [12, 11],
   leftLeg: 23,
@@ -137,17 +137,20 @@ const Qe = {
   rightElbow: 14,
   rightWrist: 16,
   head: [8, 7],
+  forehead: [5, 2],
   mouth: [10, 9],
   torso: [24, 23, 12, 11],
   leftEar: 7,
-  rightEar: 8
-}, Ye = new p.Vector3(), ne = new p.Vector3(), Ze = new p.Vector3(), Je = new p.Vector3(), et = new p.Vector3(), ie = new p.Vector3(), re = new p.Vector3();
-class tt extends q {
+  rightEar: 8,
+  nose: 0
+}, nt = new p.Vector3(), ie = new p.Vector3(), it = new p.Vector3(), rt = new p.Vector3(), at = new p.Vector3(), re = new p.Vector3(), ae = new p.Vector3();
+class dt extends j {
   constructor(e, t) {
-    super(Qe, Le.POSE_CONNECTIONS);
+    super(st, ke.POSE_CONNECTIONS);
     R(this, "_leftWristNormalizedPosition");
     R(this, "_rightWristNormalizedPosition");
-    this.poseLandmarker = e, this.config = t, this.root.scale.y *= -2, this.root.scale.z *= -2, this.root.scale.x *= 2;
+    R(this, "ignoreLegs", !1);
+    this.poseLandmarker = e, this.config = t, this.root.scale.y *= -2, this.root.scale.z *= -2, this.root.scale.x *= 2, this.ignoreLegs = (t == null ? void 0 : t.ignoreLegs) ?? !1;
   }
   /**
    * Position of the left wrist in normalized coordinates (0..1)
@@ -162,9 +165,9 @@ class tt extends q {
     return this._rightWristNormalizedPosition;
   }
   predict(e, t) {
-    this.poseLandmarker.detectForVideo(e, performance.now(), (s) => {
+    this.poseLandmarker.detectForVideo(e, performance.now(), (o) => {
       var n;
-      s.landmarks.length != 0 && (this.updateLandmarks(s.worldLandmarks[0], ((n = this.config) == null ? void 0 : n.drawLandmarks) === !1 ? void 0 : s.landmarks[0], t), this._leftWristNormalizedPosition = s.landmarks[0][this.points.leftWrist], this._rightWristNormalizedPosition = s.landmarks[0][this.points.rightWrist]);
+      o.landmarks.length != 0 && (this.updateLandmarks(o.worldLandmarks[0], ((n = this.config) == null ? void 0 : n.drawLandmarks) === !1 ? void 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[] ) {
@@ -175,65 +178,65 @@ class tt extends q {
   // 	this.syncObjects(objects, delta, torsoNormal); 
   // }
   bind(e, t) {
-    var r;
-    const s = {
-      hips: P(e, t.hips),
-      neck: P(e, t.neck),
-      leftArm: P(e, t.armL),
-      leftElbow: P(e, t.forearmL),
-      leftWrist: P(e, t.handL),
-      rightArm: P(e, t.armR),
-      rightElbow: P(e, t.forearmR),
-      rightWrist: P(e, t.handR),
-      head: P(e, t.head),
-      torso: P(e, t.torso),
-      leftLeg: P(e, t.thighL),
-      leftKnee: P(e, t.shinL),
-      leftFoot: P(e, t.footL),
-      rightLeg: P(e, t.thighR),
-      rightKnee: P(e, t.shinR),
-      rightFoot: P(e, t.footR)
+    var i;
+    const o = {
+      hips: F(e, t.hips),
+      neck: F(e, t.neck),
+      leftArm: F(e, t.armL),
+      leftElbow: F(e, t.forearmL),
+      leftWrist: F(e, t.handL),
+      rightArm: F(e, t.armR),
+      rightElbow: F(e, t.forearmR),
+      rightWrist: F(e, t.handR),
+      head: F(e, t.head),
+      torso: F(e, t.torso),
+      leftLeg: F(e, t.thighL),
+      leftKnee: F(e, t.shinL),
+      leftFoot: F(e, t.footL),
+      rightLeg: F(e, t.thighR),
+      rightKnee: F(e, t.shinR),
+      rightFoot: F(e, t.footR)
     };
-    (r = this.config) != null && r.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 n = new p.Vector3(), d = new p.Vector3(), i = (m, l, u, y, x, W) => {
-      if (!l) return;
-      const a = this.marks[y].getWorldPosition(n).sub(this.marks[u].getWorldPosition(d)).normalize();
-      A(ie, l, e).add(a).applyMatrix4(e.matrixWorld), A(re, l, e).add(x).applyMatrix4(e.matrixWorld);
-      const c = this.getGhost(l);
-      S(c, ie, re, W), c.rotateX(Math.PI / 2), c.lerp(l, m);
+    (i = this.config) != null && i.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 n = new p.Vector3(), a = new p.Vector3(), r = (l, m, h, b, u, E) => {
+      if (!m) return;
+      const d = this.marks[b].getWorldPosition(n).sub(this.marks[h].getWorldPosition(a)).normalize();
+      S(re, m, e).add(d).applyMatrix4(e.matrixWorld), S(ae, m, e).add(u).applyMatrix4(e.matrixWorld);
+      const y = this.getGhost(m);
+      N(y, re, ae, E), y.rotateX(Math.PI / 2), y.lerp(m, l);
     };
     return {
-      update: (m) => {
-        const l = this.marks.leftLeg.getWorldPosition(Ye).sub(this.marks.rightLeg.getWorldPosition(ne)).normalize(), u = this.marks.leftArm.getWorldPosition(ne).sub(this.marks.rightArm.getWorldPosition(Ze)).normalize(), y = this.marks.leftEar.getWorldPosition(Je).sub(this.marks.rightEar.getWorldPosition(et)).normalize();
-        i(m, s.hips, "hips", "torso", l, "+x"), i(m, s.torso, "torso", "neck", u, "+x"), i(m, s.neck, "neck", "head", y, "+x"), i(m, s.head, "neck", "head", y, "+x"), i(m, s.leftArm, "leftArm", "leftElbow", u, "-x"), i(m, s.leftElbow, "leftElbow", "leftWrist", u, "-x"), i(m, s.leftLeg, "leftLeg", "leftKnee", l, "+x"), i(m, s.leftKnee, "leftKnee", "leftFoot", l, "+x"), i(m, s.leftFoot, "leftFoot", "leftToes", l, "+x"), i(m, s.rightArm, "rightArm", "rightElbow", u, "-x"), i(m, s.rightElbow, "rightElbow", "rightWrist", u, "-x"), i(m, s.rightLeg, "rightLeg", "rightKnee", l, "+x"), i(m, s.rightKnee, "rightKnee", "rightFoot", l, "+x"), i(m, s.rightFoot, "rightFoot", "rightToes", l, "+x");
+      update: (l) => {
+        const m = this.marks.leftLeg.getWorldPosition(nt).sub(this.marks.rightLeg.getWorldPosition(ie)).normalize(), h = this.marks.leftArm.getWorldPosition(ie).sub(this.marks.rightArm.getWorldPosition(it)).normalize(), b = this.marks.leftEar.getWorldPosition(rt).sub(this.marks.rightEar.getWorldPosition(at)).normalize();
+        r(l, o.hips, "hips", "torso", m, "+x"), r(l, o.torso, "torso", "neck", h, "+x"), r(l, o.neck, "neck", "head", b, "+x"), r(l, o.head, "nose", "forehead", b, "+x"), r(l, o.leftArm, "leftArm", "leftElbow", h, "-x"), r(l, o.leftElbow, "leftElbow", "leftWrist", h, "-x"), r(l, o.rightArm, "rightArm", "rightElbow", h, "-x"), r(l, o.rightElbow, "rightElbow", "rightWrist", h, "-x"), !this.ignoreLegs && (r(l, o.leftLeg, "leftLeg", "leftKnee", m, "+x"), r(l, o.leftKnee, "leftKnee", "leftFoot", m, "+x"), r(l, o.leftFoot, "leftFoot", "leftToes", m, "+x"), r(l, o.rightLeg, "rightLeg", "rightKnee", m, "+x"), r(l, o.rightKnee, "rightKnee", "rightFoot", m, "+x"), r(l, o.rightFoot, "rightFoot", "rightToes", m, "+x"));
       }
     };
   }
 }
-const ae = new p.Vector2(), de = new p.Vector2();
-async function ot(h, o) {
-  const e = await G.createFromOptions(h, {
+const de = new p.Vector2(), ce = new p.Vector2();
+async function ct(c, s) {
+  const e = await G.createFromOptions(c, {
     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
-  }), t = (s, n, d) => {
+  }), t = (o, n, a) => {
     try {
-      ae.copy(s()), de.copy(n());
-    } catch (i) {
-      return console.warn("No pose data... will just be optimitic and say yes to everything.", i), !0;
+      de.copy(o()), ce.copy(n());
+    } catch (r) {
+      return console.warn("No pose data... will just be optimitic and say yes to everything.", r), !0;
     }
-    return ae.distanceTo(d) < de.distanceTo(d);
+    return de.distanceTo(a) < ce.distanceTo(a);
   };
   return {
-    left: new we(e, "Left", t.bind(null, o.leftWrist, o.rightWrist), o.drawLandmarks),
-    right: new we(e, "Right", t.bind(null, o.rightWrist, o.leftWrist), o.drawLandmarks)
+    left: new ye(e, "Left", t.bind(null, s.leftWrist, s.rightWrist), s.drawLandmarks),
+    right: new ye(e, "Right", t.bind(null, s.rightWrist, s.leftWrist), s.drawLandmarks)
   };
 }
-const st = {
+const lt = {
   wrist: 0,
   palm: [9, 13],
   thumb1: 1,
@@ -256,38 +259,38 @@ const st = {
   pinky2: 18,
   pinky3: 19,
   pinky4: 20
-}, T = {
+}, C = {
   thumb: ["thumb1", "thumb2", "thumb3", "thumb4"],
   index: ["index1", "index2", "index3", "index4"],
   middle: ["middle1", "middle2", "middle3", "middle4"],
   ring: ["ring1", "ring2", "ring3", "ring4"],
   pinky: ["pinky1", "pinky2", "pinky3", "pinky4"]
-}, nt = new p.Vector3(), ce = new p.Vector3(), le = new p.Vector3(), he = new p.Vector3(), me = new p.Vector3(), pe = new p.Vector3();
+}, ht = new p.Vector3(), le = new p.Vector3(), he = new p.Vector3(), me = new p.Vector3(), pe = new p.Vector3(), ue = new p.Vector3();
 new p.Vector3();
 new p.Vector3();
 new p.Vector3();
-const ue = new p.Vector3(), fe = Math.PI / 2, it = new p.Vector3(0, -1, 0);
-class we extends q {
-  constructor(e, t, s, n = !0) {
-    super(st, G.HAND_CONNECTIONS);
+const fe = new p.Vector3(), we = Math.PI / 2, mt = new p.Vector3(0, -1, 0);
+class ye extends j {
+  constructor(e, t, o, n = !0) {
+    super(lt, G.HAND_CONNECTIONS);
     R(this, "sign");
     R(this, "isLeft");
     /**
      * the axis used to look at the pole
      */
     R(this, "lookAtPoleAxis");
-    this.handLandmarker = e, this.side = t, this.isMyWrist = s, this.drawLandmarks = n, this.sign = this.side == "Left" ? -1 : 1, this.isLeft = this.side == "Left", this.lookAtPoleAxis = this.sign < 0 ? "+x" : "-x", this.root.scale.setScalar(7), this.root.scale.y *= -1, this.root.scale.z *= -1;
+    this.handLandmarker = e, this.side = t, this.isMyWrist = o, this.drawLandmarks = n, this.sign = this.side == "Left" ? -1 : 1, this.isLeft = this.side == "Left", this.lookAtPoleAxis = this.sign < 0 ? "+x" : "-x", this.root.scale.setScalar(7), this.root.scale.y *= -1, this.root.scale.z *= -1;
   }
   predict(e, t) {
-    const s = this.handLandmarker.detectForVideo(e, performance.now());
-    if (s.landmarks.length)
-      for (let n = 0; n < s.landmarks.length; n++) {
-        const d = s.landmarks[n], i = d[this.points.wrist];
-        if (this.isMyWrist(i)) {
-          this.updateLandmarks(s.worldLandmarks[n]), this.drawLandmarks && (t.drawConnectors(d, G.HAND_CONNECTIONS, {
+    const o = this.handLandmarker.detectForVideo(e, performance.now());
+    if (o.landmarks.length)
+      for (let n = 0; n < o.landmarks.length; n++) {
+        const a = o.landmarks[n], r = a[this.points.wrist];
+        if (this.isMyWrist(r)) {
+          this.updateLandmarks(o.worldLandmarks[n]), this.drawLandmarks && (t.drawConnectors(a, G.HAND_CONNECTIONS, {
             color: this.side == "Left" ? "#00FF00" : "#0000FF",
             lineWidth: 4
-          }), t.drawLandmarks(d, { color: this.side == "Left" ? "#00FF00" : "#0000FF", lineWidth: 3, radius: 1 }));
+          }), t.drawLandmarks(a, { color: this.side == "Left" ? "#00FF00" : "#0000FF", lineWidth: 3, radius: 1 }));
           break;
         }
       }
@@ -301,68 +304,69 @@ class we extends q {
    * @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(e, t, s) {
-    const n = nt.crossVectors(
-      ce.copy(this.marks.index1.worldPosition).sub(this.marks.wrist.worldPosition),
-      le.copy(this.marks.pinky1.worldPosition).sub(this.marks.wrist.worldPosition)
-    ).normalize(), d = ce.copy(this.marks.palm.worldPosition).sub(this.marks.wrist.worldPosition).normalize(), i = le.copy(this.marks.pinky1.worldPosition).sub(this.marks.index1.worldPosition).normalize();
-    if (!(d.dot(it) > 0.8)) {
+  syncHandBones(e, t, o) {
+    const n = ht.crossVectors(
+      le.copy(this.marks.index1.worldPosition).sub(this.marks.wrist.worldPosition),
+      he.copy(this.marks.pinky1.worldPosition).sub(this.marks.wrist.worldPosition)
+    ).normalize(), a = le.copy(this.marks.palm.worldPosition).sub(this.marks.wrist.worldPosition).normalize(), r = he.copy(this.marks.pinky1.worldPosition).sub(this.marks.index1.worldPosition).normalize();
+    if (!(a.dot(mt) > 0.8)) {
       if (t.wrist) {
-        const r = A(he, t.wrist, s).add(d).applyMatrix4(s.matrixWorld), m = A(me, t.wrist, s).sub(i).applyMatrix4(s.matrixWorld), l = this.getGhost(t.wrist);
-        S(l, r, m, "-y"), l.rotateX(fe), l.lerp(t.wrist, e);
+        const i = S(me, t.wrist, o).add(a).applyMatrix4(o.matrixWorld), l = S(pe, t.wrist, o).sub(r).applyMatrix4(o.matrixWorld), m = this.getGhost(t.wrist);
+        N(m, i, l, "-y"), m.rotateX(we), m.lerp(t.wrist, e);
       }
-      this.syncFinger(e, s, n, d, i, t, T.index, "middle1"), this.syncFinger(e, s, n, d, i, t, T.middle, "ring1"), this.syncFinger(e, s, n, d, i, t, T.ring, "pinky1"), this.syncFinger(e, s, n, d, i, t, T.pinky, "ring1", !0), this.syncFinger(e, s, n, d, i, t, T.thumb, "index1");
+      this.syncFinger(e, o, n, a, r, t, C.index, "middle1"), this.syncFinger(e, o, n, a, r, t, C.middle, "ring1"), this.syncFinger(e, o, n, a, r, t, C.ring, "pinky1"), this.syncFinger(e, o, n, a, r, t, C.pinky, "ring1", !0), this.syncFinger(e, o, n, a, r, t, C.thumb, "index1");
     }
   }
-  syncFinger(e, t, s, n, d, i, r, m, l = !1) {
-    for (let u = 0; u < r.length - 1; u++) {
-      const y = i[r[u]];
-      if (!y) continue;
-      const x = this.getGhost(y), W = he.copy(this.marks[r[u + 1]].worldPosition).sub(this.marks[r[u]].worldPosition).normalize(), a = A(me, y, t);
-      if (u == 0) {
-        const c = pe.copy(this.marks[m].worldPosition).sub(this.marks[r[0]].worldPosition).normalize();
-        l && c.negate(), ue.copy(c), S(
-          x,
-          W.add(a).applyMatrix4(t.matrixWorld),
-          c.add(a).applyMatrix4(t.matrixWorld),
+  syncFinger(e, t, o, n, a, r, i, l, m = !1) {
+    for (let h = 0; h < i.length - 1; h++) {
+      const b = r[i[h]];
+      if (!b) continue;
+      const u = this.getGhost(b), E = me.copy(this.marks[i[h + 1]].worldPosition).sub(this.marks[i[h]].worldPosition).normalize(), d = S(pe, b, t);
+      if (h == 0) {
+        const y = ue.copy(this.marks[l].worldPosition).sub(this.marks[i[0]].worldPosition).normalize();
+        m && y.negate(), fe.copy(y), N(
+          u,
+          E.add(d).applyMatrix4(t.matrixWorld),
+          y.add(d).applyMatrix4(t.matrixWorld),
           this.lookAtPoleAxis
         );
       } else
-        S(
-          x,
-          W.add(a).applyMatrix4(t.matrixWorld),
-          pe.copy(ue).add(a).applyMatrix4(t.matrixWorld),
+        N(
+          u,
+          E.add(d).applyMatrix4(t.matrixWorld),
+          ue.copy(fe).add(d).applyMatrix4(t.matrixWorld),
           this.lookAtPoleAxis
         );
-      x.rotateX(fe), x.lerp(y, e);
+      u.rotateX(we), u.lerp(b, e);
     }
   }
   bind(e, t) {
-    const s = {}, n = (d, i) => {
-      const r = P(e, d);
-      if (r)
-        return s[i] = r, i;
+    const o = {}, n = (a, r) => {
+      const i = F(e, a);
+      if (i)
+        return o[r] = i, r;
     };
     return n(this.isLeft ? t.handL : t.handR, "wrist"), n(this.isLeft ? t.index1L : t.index1R, "index1"), n(this.isLeft ? t.index2L : t.index2R, "index2"), n(this.isLeft ? t.index3L : t.index3R, "index3"), n(this.isLeft ? t.middle1L : t.middle1R, "middle1"), n(this.isLeft ? t.middle2L : t.middle2R, "middle2"), n(this.isLeft ? t.middle3L : t.middle3R, "middle3"), n(this.isLeft ? t.ring1L : t.ring1R, "ring1"), n(this.isLeft ? t.ring2L : t.ring2R, "ring2"), n(this.isLeft ? t.ring3L : t.ring3R, "ring3"), n(this.isLeft ? t.pinky1L : t.pinky1R, "pinky1"), n(this.isLeft ? t.pinky2L : t.pinky2R, "pinky2"), n(this.isLeft ? t.pinky3L : t.pinky3R, "pinky3"), n(this.isLeft ? t.thumb1L : t.thumb1R, "thumb1"), n(this.isLeft ? t.thumb2L : t.thumb2R, "thumb2"), n(this.isLeft ? t.thumb3L : t.thumb3R, "thumb3"), {
-      update: (d) => {
-        this.syncHandBones(d, s, e);
+      update: (a) => {
+        this.syncHandBones(a, o, e);
       }
     };
   }
 }
-async function rt(h, o) {
-  const e = await j.createFromOptions(h, {
+async function pt(c, s) {
+  const e = await q.createFromOptions(c, {
     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,
+    outputFacialTransformationMatrixes: !0,
     runningMode: "VIDEO",
     numFaces: 1
   });
-  return new mt(e, { ...o });
+  return new kt(e, { ...s });
 }
-const at = {
+const ut = {
   eyeL: 473,
   eyeR: 468,
   eyeStartL: 463,
@@ -375,51 +379,82 @@ const at = {
   noseBone: 6,
   chin: 152,
   forehead: 10
-}, dt = new b(), ct = new b(), be = new b(), lt = new b(), ht = new b();
-new b();
-class mt extends q {
+}, ft = new x(), wt = new x(), be = new x(), yt = new x(), Lt = new x();
+new x();
+class kt extends j {
   constructor(e, t) {
-    super(at, j.FACE_LANDMARKS_TESSELATION);
+    super(ut, q.FACE_LANDMARKS_TESSELATION);
     R(this, "blendshapeCategories");
     R(this, "blendshapeMap", /* @__PURE__ */ new Map());
     R(this, "smoothed", {});
     R(this, "smoothing", 3e-4);
     // lower = smoother but more lag, higher = more responsive
     R(this, "_faceLandmarks", []);
+    R(this, "_facialTransformationMatrix");
     this.faceLandmarker = e, this.cfg = t, this.root.scale.y *= -1, this.root.scale.z *= -1, this.root.scale.multiplyScalar(3);
   }
   predict(e, t) {
-    var n, d, i;
-    const s = this.faceLandmarker.detectForVideo(e, performance.now());
-    s.faceLandmarks[0] && (this.cfg.drawLandmarks && (t.drawConnectors(s.faceLandmarks[0], j.FACE_LANDMARKS_TESSELATION, { color: "#00fff2ff", lineWidth: 0.1 }), t.drawLandmarks(s.faceLandmarks[0], { color: "#00ff00", lineWidth: 0.1, radius: 0.4 })), this.updateLandmarks(s.faceLandmarks[0], s.faceLandmarks[0])), this._faceLandmarks = s.faceLandmarks[0], this.blendshapeCategories = (d = (n = s.faceBlendshapes) == null ? void 0 : n[0]) == null ? void 0 : d.categories, (i = this.blendshapeCategories) == null || i.forEach((r) => {
-      this.blendshapeMap.set(r.categoryName, r.score);
+    var n, a, r;
+    const o = this.faceLandmarker.detectForVideo(e, performance.now());
+    if (o.faceLandmarks[0]) {
+      this.cfg.drawLandmarks && (t.drawConnectors(o.faceLandmarks[0], q.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._faceLandmarks = o.faceLandmarks[0], this._facialTransformationMatrix || (this._facialTransformationMatrix = new Ne());
+      const i = o.facialTransformationMatrixes[0];
+      this._facialTransformationMatrix.set(
+        i.data[0],
+        i.data[1],
+        i.data[2],
+        i.data[3],
+        i.data[4],
+        i.data[5],
+        i.data[6],
+        i.data[7],
+        i.data[8],
+        i.data[9],
+        i.data[10],
+        i.data[11],
+        i.data[12],
+        i.data[13],
+        i.data[14],
+        i.data[15]
+      );
+    }
+    this.blendshapeCategories = (a = (n = o.faceBlendshapes) == null ? void 0 : n[0]) == null ? void 0 : a.categories, (r = this.blendshapeCategories) == null || r.forEach((i) => {
+      this.blendshapeMap.set(i.categoryName, i.score);
     });
   }
   get lastKnownLandmarks() {
     return this._faceLandmarks;
   }
+  /**
+   * this matrix is useful to know how the canonical mesh is rotated.
+   * This allows to move other objects to simulate the same transformation that the skull/face is having.
+   * Used for things like hats, glasses, etc... things you want to make look like they are attatched to the face mesh.
+   */
+  get lastKnownFacialTransformationMatrix() {
+    return this._facialTransformationMatrix;
+  }
   bindShapeKeys(e) {
     const t = e.morphTargetDictionary;
     return {
-      update: (s) => {
+      update: (o) => {
         var n;
-        (n = this.blendshapeCategories) == null || n.forEach((d) => {
-          const { categoryName: i, score: r } = d;
-          if (!(t != null && t.hasOwnProperty(i))) return;
-          this.smoothed[i] === void 0 && (this.smoothed[i] = r);
-          const m = 1 - Math.pow(this.smoothing, s);
-          this.smoothed[i] += (r - this.smoothed[i]) * m, e.morphTargetInfluences[t[i]] = this.smoothed[i];
+        (n = this.blendshapeCategories) == null || n.forEach((a) => {
+          const { categoryName: r, score: i } = a;
+          if (!(t != null && t.hasOwnProperty(r))) return;
+          this.smoothed[r] === void 0 && (this.smoothed[r] = i);
+          const l = 1 - Math.pow(this.smoothing, o);
+          this.smoothed[r] += (i - this.smoothed[r]) * l, e.morphTargetInfluences[t[r]] = this.smoothed[r];
         });
       }
     };
   }
   bind(e) {
-    const t = new ye(e, "L"), s = new ye(e, "R"), n = P(e, "head");
+    const t = new Le(e, "L"), o = new Le(e, "R"), n = F(e, "head");
     return {
-      update: (d) => {
-        if (t.update(d, this.blendshapeMap), s.update(d, this.blendshapeMap), !n) return;
-        const i = dt.copy(this.marks.earL.worldPosition), r = ct.copy(this.marks.earR.worldPosition), m = be.subVectors(i, r).multiplyScalar(0.5).add(r), l = lt.subVectors(this.marks.noseTip.worldPosition, m), u = i.sub(r), y = A(ht, n, e), x = u.add(y).applyMatrix4(e.matrixWorld), W = l.add(y).applyMatrix4(e.matrixWorld);
-        S(n, W, x, "+x");
+      update: (a) => {
+        if (t.update(a, this.blendshapeMap), o.update(a, this.blendshapeMap), !n) return;
+        const r = ft.copy(this.marks.earL.worldPosition), i = wt.copy(this.marks.earR.worldPosition), l = be.subVectors(r, i).multiplyScalar(0.5).add(i), m = yt.subVectors(this.marks.noseTip.worldPosition, l), h = r.sub(i), b = S(Lt, n, e), u = h.add(b).applyMatrix4(e.matrixWorld), E = m.add(b).applyMatrix4(e.matrixWorld);
+        N(n, E, u, "+x");
       }
     };
   }
@@ -431,84 +466,85 @@ class mt extends q {
    * @returns an object with a disposeMaterial method that should be called when the mesh is disposed of.
    */
   bindGeometry(e, t) {
-    new b(), new b();
-    const s = new b();
-    new b();
-    const d = e.geometry.attributes.position;
-    D(new b(0.5, 0.5, 0.5)), Ce(e);
-    const i = Se("landmarkIndex", "uint"), r = Me(De, "vec3"), m = Ve(r.element(i)).xy;
-    let l;
-    const u = 116, y = 346, x = s.subVectors(
-      new b(d.getX(u), d.getY(u), d.getZ(u)),
-      new b(d.getX(y), d.getY(y), d.getZ(y))
-    ).lengthSq();
-    console.log("# mesh face reference (live): ", x);
-    const W = D(x), a = D(1);
-    let c;
+    new x(), new x();
+    const o = new x();
+    new x();
+    const a = e.geometry.attributes.position, r = 209, i = 429, l = z(new x().addVectors(
+      new x(a.getX(r), a.getY(r), a.getZ(r)),
+      new x(a.getX(i), a.getY(i), a.getZ(i))
+    ).multiplyScalar(0.5));
+    qe(e);
+    const m = _e("landmarkIndex", "uint"), h = Ce(ee, "vec3"), b = De(h.element(m)).xy;
+    let u;
+    const E = 116, d = 346, y = o.subVectors(
+      new x(a.getX(E), a.getY(E), a.getZ(E)),
+      new x(a.getX(d), a.getY(d), a.getZ(d))
+    ).lengthSq(), P = z(y), k = z(1);
+    let L;
     return {
       /**
        * Disposes of the material and removes events listeners on the video element.
        */
       disposeMaterial: () => {
-        c == null || c();
+        L == null || L();
       },
       /**
        * asas
        * @param delta asas
        * @returns 
        */
-      update: (L) => {
-        var E, g;
-        if (!l) {
-          const k = (g = (E = this.cfg) == null ? void 0 : E.videoElementRef) == null ? void 0 : g.call(E);
-          if (!k || !k.videoWidth || !k.videoHeight) return;
-          l = k;
-          const f = new Z(l);
-          f.colorSpace = J;
-          const F = D(l.videoWidth / l.videoHeight), _ = r.element(y).sub(r.element(u)).lengthSq(), B = W.div(_).sqrt().mul(2), M = r.element(234).xy, $ = r.element(93).xy, Re = r.element(454).xy, K = r.element(323).xy, X = M.sub($).div(2).add($), ve = Re.sub(K).div(2).add(K).sub(X).div(2).add(X), Q = r.element(i).sub(ve).xzy.mul(Ne(1, -1, Oe(1).div(F))).mul(B), V = Te(f, _e(m.x, m.y.oneMinus())), Y = () => {
-            const N = new Z(l);
-            N.colorSpace = J, V.value = N, V.needsUpdate = !0, F.value = l.videoWidth / l.videoHeight;
+      update: (v) => {
+        var f, A;
+        if (!u) {
+          const W = (A = (f = this.cfg) == null ? void 0 : f.videoElementRef) == null ? void 0 : A.call(f);
+          if (!W || !W.videoWidth || !W.videoHeight) return;
+          u = W;
+          const V = new Z(u);
+          V.colorSpace = J;
+          const M = z(u.videoWidth / u.videoHeight), Pe = h.element(d).sub(h.element(E)).lengthSq(), ve = P.div(Pe).sqrt(), ge = h.element(234).xy, K = h.element(93).xy, Ee = h.element(454).xy, $ = h.element(323).xy, X = ge.sub(K).div(2).add(K), We = Ee.sub($).div(2).add($).sub(X).div(2).add(X), Fe = h.element(m).sub(We).xzy.mul(ze(1, -1, Be(1).div(M))).mul(ve).add(l), Q = Ue(m.toUint().lessThanEqual(ee), Fe, Ie), O = He(V, Ge(b.x, b.y.oneMinus())), Y = () => {
+            const T = new Z(u);
+            T.colorSpace = J, O.value = T, O.needsUpdate = !0, M.value = u.videoWidth / u.videoHeight;
           };
-          l.addEventListener("loadeddata", Y), t ? t(Q, V) : e.material = new Fe({
+          u.addEventListener("loadeddata", Y), t ? t(Q, O) : e.material = new Oe({
             positionNode: Q,
-            colorNode: V,
+            colorNode: O,
             roughness: 0.93
-          }), c = () => {
-            var N;
-            V.value.dispose(), l == null || l.removeEventListener("loadeddata", Y), (N = e.material) == null || N.dispose();
+          }), L = () => {
+            var T;
+            O.value.dispose(), u == null || u.removeEventListener("loadeddata", Y), (T = e.material) == null || T.dispose();
           };
         }
         const w = this.lastKnownLandmarks;
         if (!(w != null && w.length)) return;
-        a.value = s.subVectors(w[y], w[u]).lengthSq(), a.needsUpdate = !0;
-        const v = r.value.array;
-        for (let k = 0; k < w.length; k++)
-          v[k * 3] = w[k].x, v[k * 3 + 1] = w[k].y, v[k * 3 + 2] = w[k].z;
-        r.value.needsUpdate = !0;
+        k.value = o.subVectors(w[d], w[E]).lengthSq(), k.needsUpdate = !0;
+        const g = h.value.array;
+        for (let W = 0; W < w.length; W++)
+          g[W * 3] = w[W].x, g[W * 3 + 1] = w[W].y, g[W * 3 + 2] = w[W].z;
+        h.value.needsUpdate = !0;
       }
     };
   }
 }
-class ye {
-  constructor(o, e) {
+class Le {
+  constructor(s, e) {
     R(this, "eyeBone");
     R(this, "eyeLookOut");
     R(this, "eyeLookIn");
     R(this, "eyeLookUp");
     R(this, "eyeLookDown");
     R(this, "sign", 1);
-    this.rig = o, this.side = e, this.eyeBone = o.getObjectByName(`eye${e}`);
+    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(o, e) {
+  update(s, e) {
     if (!this.eyeBone) return;
-    A(be, this.eyeBone, this.rig);
-    const t = e.get(this.eyeLookOut) ?? 0, s = e.get(this.eyeLookIn) ?? 0, n = e.get(this.eyeLookUp) ?? 0, d = e.get(this.eyeLookDown) ?? 0, i = s - t, r = d - n;
-    this.eyeBone.rotation.y = i * this.sign / 2, this.eyeBone.rotation.x = r / 2;
+    S(be, this.eyeBone, this.rig);
+    const t = e.get(this.eyeLookOut) ?? 0, o = e.get(this.eyeLookIn) ?? 0, n = e.get(this.eyeLookUp) ?? 0, a = e.get(this.eyeLookDown) ?? 0, r = o - t, i = a - n;
+    this.eyeBone.rotation.y = r * this.sign / 2, this.eyeBone.rotation.x = i / 2;
   }
 }
-const xe = {
+const Re = {
   faceMesh: "face",
   head: "head",
   hips: "hips",
@@ -558,7 +594,7 @@ const xe = {
   thumb1R: "thumb1R",
   thumb2R: "thumb2R",
   thumb3R: "thumb3R"
-}, pt = [
+}, xt = [
   "eyeBlinkLeft",
   "eyeBlinkRight",
   "eyeLookDownLeft",
@@ -612,94 +648,96 @@ const xe = {
   "mouthUpperUpRight",
   "tongueOut"
 ];
-function ut(h, o, e = 30) {
-  const t = [], s = h.getObjectByName(
-    o.faceMesh
+function bt(c, s, e = 30) {
+  const t = [], o = c.getObjectByName(
+    s.faceMesh
   ), n = /* @__PURE__ */ new Set();
-  if (s != null && s.morphTargetDictionary)
-    for (const a in s.morphTargetDictionary)
-      pt.includes(a) && n.add(a);
-  const d = Object.keys(o);
-  h.traverse((a) => {
-    if (a instanceof C.Bone) {
-      const c = d.find((L) => a.name.indexOf(o[L]) === 0);
-      c && t.push({
-        ref: a,
-        name: a.name,
-        normalizedName: c
+  if (o != null && o.morphTargetDictionary)
+    for (const k in o.morphTargetDictionary)
+      xt.includes(k) && n.add(k);
+  const a = Object.keys(s);
+  c.traverse((k) => {
+    if (k instanceof D.Bone) {
+      const L = a.find((v) => k.name.indexOf(s[v]) === 0);
+      L && t.push({
+        ref: k,
+        name: k.name,
+        normalizedName: L
       });
     }
   });
-  const i = [], r = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map();
-  let l = !1, u = 0;
+  const r = [], i = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
+  let m = !1, h = 0, b = 0, u = 0, E = 0;
+  function d(k) {
+    i.clear(), l.clear(), r.length = 0, b = k ?? 0, E = b > 0 ? 1 / b : 0, h = performance.now() / 1e3, m = !0, u = 0;
+  }
   function y() {
-    r.clear(), m.clear(), i.length = 0, u = performance.now() / 1e3, l = !0;
-  }
-  function x() {
-    if (!l) return;
-    const a = performance.now() / 1e3 - u;
-    i.push(a);
-    for (const c of t) {
-      r.has(c.name) || r.set(c.name, []);
-      const L = r.get(c.name), w = c.ref.quaternion;
-      L.push(w.x, w.y, w.z, w.w);
-    }
-    for (const c of n) {
-      m.has(c) || m.set(c, []);
-      const L = m.get(c), w = s.morphTargetDictionary[c], v = s.morphTargetInfluences[w];
-      L.push(v);
+    if (!m) return;
+    const k = performance.now() / 1e3 - h;
+    if (!(b > 0 && k - u < E)) {
+      u = k, r.push(k);
+      for (const L of t) {
+        i.has(L.name) || i.set(L.name, []);
+        const v = i.get(L.name), w = L.ref.quaternion;
+        v.push(w.x, w.y, w.z, w.w);
+      }
+      for (const L of n) {
+        l.has(L) || l.set(L, []);
+        const v = l.get(L), w = o.morphTargetDictionary[L], g = o.morphTargetInfluences[w];
+        v.push(g);
+      }
     }
   }
-  function W(a = "RecordedClip") {
-    l = !1;
-    const c = [];
-    for (const [w, v] of r)
-      c.push(
-        new C.QuaternionKeyframeTrack(
+  function P(k = "RecordedClip") {
+    m = !1;
+    const L = [];
+    for (const [w, g] of i)
+      L.push(
+        new D.QuaternionKeyframeTrack(
           `${w}.quaternion`,
-          i,
-          v
+          r,
+          g
         )
       );
-    for (const [w, v] of m)
-      c.push(
-        new C.NumberKeyframeTrack(
-          `${xe.faceMesh}.morphTargetInfluences[${w}]`,
-          i,
-          v
+    for (const [w, g] of l)
+      L.push(
+        new D.NumberKeyframeTrack(
+          `${Re.faceMesh}.morphTargetInfluences[${w}]`,
+          r,
+          g
         )
       );
-    const L = new C.AnimationClip(a, -1, c);
+    const v = new D.AnimationClip(k, -1, L);
     return {
-      clip: L,
-      saveToFile: () => {
-        new ze().parse(
-          h,
-          (v) => {
-            const E = new Blob([v], {
+      clip: v,
+      saveToFile: () => new Promise((w, g) => {
+        new je().parse(
+          c,
+          (A) => {
+            const W = new Blob([A], {
               type: "model/gltf-binary"
-            }), g = URL.createObjectURL(E), k = document.createElement("a");
-            k.href = g, k.download = a + ".glb", k.click();
+            }), V = URL.createObjectURL(W), M = document.createElement("a");
+            M.href = V, M.download = k + ".glb", M.click(), w(!0);
           },
-          (v) => {
-            console.error(v);
+          (A) => {
+            console.error(A), g(A);
           },
           {
             binary: !0,
-            animations: [L]
+            animations: [v]
           }
         );
-      }
+      })
     };
   }
-  return { start: y, captureFrame: x, stop: W, isRecording: () => l };
+  return { start: d, captureFrame: y, stop: P, isRecording: () => m };
 }
-const ft = () => {
-  var h;
-  return !!((h = navigator.mediaDevices) != null && h.getUserMedia);
+const Rt = () => {
+  var c;
+  return !!((c = navigator.mediaDevices) != null && c.getUserMedia);
 };
-async function Pt(h) {
-  const o = {
+async function St(c) {
+  const s = {
     debugFrame: void 0,
     displayScale: 1,
     ignoreLegs: !1,
@@ -713,94 +751,94 @@ async function Pt(h) {
       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"
     },
-    ...h
+    ...c
   };
   let e;
-  const t = await We.forVisionTasks(o.modelPaths.vision ?? "/wasm"), s = o.onlyFace ? void 0 : await Xe(t, {
-    ignoreLegs: o.ignoreLegs,
-    modelPath: o.modelPaths.pose,
-    drawLandmarks: o.drawLandmarksOverlay
-  }), n = o.onlyFace ? void 0 : await ot(t, {
-    leftWrist: () => s.leftWristNormalizedPosition,
-    rightWrist: () => s.rightWristNormalizedPosition,
-    modelPath: o.modelPaths.hand,
-    drawLandmarks: o.drawLandmarksOverlay,
-    ...h == null ? void 0 : h.handsTrackerOptions
-  }), d = o.ignoreFace ? void 0 : await rt(t, { modelPath: o.modelPaths.face, videoElementRef: () => e, drawLandmarks: o.drawLandmarksOverlay }), i = document.createElement("div");
-  i.style.position = "absolute", i.style.top = "0px", i.style.left = "0px", i.style.zIndex = "21", i.style.maxWidth = "600px", i.style.width = "100%", i.classList.add("three-mediapipe-rig"), document.body.appendChild(i);
-  const r = document.createElement("canvas"), m = r.getContext("2d"), l = new ge(m);
-  r.style.zIndex = "22", r.style.position = "absolute", r.style.top = "0px", r.style.left = "0px", r.style.pointerEvents = "none", r.style.maxWidth = "100%", i.appendChild(r);
-  function u(a) {
-    m.save(), m.clearRect(0, 0, r.width, r.height), s == null || s.predict(a, l), n == null || n.left.predict(a, l), n == null || n.right.predict(a, l), d == null || d.predict(a, l), m.restore();
-  }
-  function y() {
-    e = document.createElement("video"), i.appendChild(e);
-    let a = -1;
-    e.style.zIndex = "21", e.style.position = "absolute", e.style.top = "0px", e.style.left = "0px", e.style.height = "auto", e.style.maxWidth = "100%", e.style.display = "block", e.muted = !1, o.debugVideo && (e.src = o.debugVideo, e.controls = !0, e.loop = !0, e.muted = !0, e.controls = !0, e.play());
-    function c() {
-      a !== e.currentTime && e.readyState >= 2 && (u(e), a = e.currentTime), window.requestAnimationFrame(c);
+  const t = await Se.forVisionTasks(s.modelPaths.vision ?? "/wasm"), o = s.onlyFace ? void 0 : await ot(t, {
+    ignoreLegs: s.ignoreLegs,
+    modelPath: s.modelPaths.pose,
+    drawLandmarks: s.drawLandmarksOverlay
+  }), n = s.onlyFace ? void 0 : await ct(t, {
+    leftWrist: () => o.leftWristNormalizedPosition,
+    rightWrist: () => o.rightWristNormalizedPosition,
+    modelPath: s.modelPaths.hand,
+    drawLandmarks: s.drawLandmarksOverlay,
+    ...c == null ? void 0 : c.handsTrackerOptions
+  }), a = s.ignoreFace ? void 0 : await pt(t, { modelPath: s.modelPaths.face, videoElementRef: () => e, drawLandmarks: s.drawLandmarksOverlay }), r = document.createElement("div");
+  r.style.position = "absolute", r.style.top = "0px", r.style.left = "0px", r.style.zIndex = "21", r.style.maxWidth = "600px", r.style.width = "100%", r.classList.add("three-mediapipe-rig"), document.body.appendChild(r);
+  const i = document.createElement("canvas"), l = i.getContext("2d"), m = new Ve(l);
+  i.style.zIndex = "22", i.style.position = "absolute", i.style.top = "0px", i.style.left = "0px", i.style.pointerEvents = "none", i.style.maxWidth = "100%", r.appendChild(i);
+  function h(d) {
+    l.save(), l.clearRect(0, 0, i.width, i.height), o == null || o.predict(d, m), n == null || n.left.predict(d, m), n == null || n.right.predict(d, m), a == null || a.predict(d, m), l.restore();
+  }
+  function b() {
+    e = document.createElement("video"), r.appendChild(e);
+    let d = -1;
+    e.style.zIndex = "21", e.style.position = "absolute", e.style.top = "0px", e.style.left = "0px", e.style.height = "auto", e.style.maxWidth = "100%", e.style.display = "block", e.muted = !1, s.debugVideo && (e.src = s.debugVideo, e.controls = !0, e.loop = !0, e.muted = !0, e.controls = !0, e.play());
+    function y() {
+      d !== e.currentTime && e.readyState >= 2 && (h(e), d = e.currentTime), window.requestAnimationFrame(y);
     }
     e.addEventListener("loadeddata", () => {
-      const L = e.videoWidth, w = e.videoHeight, g = Math.min(600 / L, 600 / w, 1);
-      e.width = L * g * (o.displayScale ?? 1), e.height = w * g * (o.displayScale ?? 1), r.width = e.width, r.height = e.height, r.style.height = "auto", r.style.width = e.width + "px", r.style.maxWidth = "100%", window.requestAnimationFrame(c);
+      const P = e.videoWidth, k = e.videoHeight, w = Math.min(600 / P, 600 / k, 1);
+      e.width = P * w * (s.displayScale ?? 1), e.height = k * w * (s.displayScale ?? 1), i.width = e.width, i.height = e.height, i.style.height = "auto", i.style.width = e.width + "px", i.style.maxWidth = "100%", window.requestAnimationFrame(y);
     });
   }
-  if (o.debugFrame) {
-    const a = document.createElement("img");
-    a.src = o.debugFrame, a.style.zIndex = "21", a.style.position = "absolute", a.style.top = "0px", a.style.left = "0px", i.appendChild(a), a.addEventListener("load", () => {
-      a.width = a.naturalWidth * o.displayScale, a.height = a.naturalHeight * o.displayScale, r.width = a.naturalWidth, r.height = a.naturalWidth, r.style.width = a.width + "px", r.style.height = a.height + "px";
-      function c() {
-        u(a);
+  if (s.debugFrame) {
+    const d = document.createElement("img");
+    d.src = s.debugFrame, d.style.zIndex = "21", d.style.position = "absolute", d.style.top = "0px", d.style.left = "0px", r.appendChild(d), d.addEventListener("load", () => {
+      d.width = d.naturalWidth * s.displayScale, d.height = d.naturalHeight * s.displayScale, i.width = d.naturalWidth, i.height = d.naturalWidth, i.style.width = d.width + "px", i.style.height = d.height + "px";
+      function y() {
+        h(d);
       }
-      window.requestAnimationFrame(c);
+      window.requestAnimationFrame(y);
     });
-  } else o.debugVideo && y();
-  let x;
-  function W(a) {
-    e && (e.srcObject ? e.srcObject.getTracks().forEach((L) => L.enabled = a) : a ? e.play() : e.pause());
+  } else s.debugVideo && b();
+  let u;
+  function E(d) {
+    e && (e.srcObject ? e.srcObject.getTracks().forEach((P) => P.enabled = d) : d ? e.play() : e.pause());
   }
   return {
-    poseTracker: s,
+    poseTracker: o,
     handsTracker: n,
-    faceTracker: d,
+    faceTracker: a,
     video: e,
-    canvas: r,
-    domElement: i,
-    start: async (a = !1) => {
-      let c = !1;
-      if (!ft())
+    canvas: i,
+    domElement: r,
+    start: async (d = !1) => {
+      let y = !1;
+      if (!Rt())
         throw new Error("Webcam not supported");
-      e || y();
-      let L;
-      function w(f) {
-        c || (console.warn("Camera track ended, attempting recovery..."), v(f), E(f));
+      e || b();
+      let P;
+      function k(f) {
+        y || (console.warn("Camera track ended, attempting recovery..."), L(f), v(f));
       }
-      function v(f) {
-        L == null || L.getVideoTracks().forEach((F) => F.stop()), L = void 0, f.srcObject = null;
+      function L(f) {
+        P == null || P.getVideoTracks().forEach((A) => A.stop()), P = void 0, f.srcObject = null;
       }
-      async function E(f, F = 0) {
-        const B = Math.min(1e3 * 2 ** F, 16e3);
-        if (F >= 3)
+      async function v(f, A = 0) {
+        const V = Math.min(1e3 * 2 ** A, 16e3);
+        if (A >= 3)
           throw new Error("Camera recovery failed after max attempts");
-        if (await new Promise((M) => setTimeout(M, B)), !c)
+        if (await new Promise((M) => setTimeout(M, V)), !y)
           try {
-            await g(f);
+            await w(f);
           } catch (M) {
-            await k(M, f, F + 1);
+            await g(M, f, A + 1);
           }
       }
-      async function g(f) {
-        L = await navigator.mediaDevices.getUserMedia({ video: !0, audio: a }), f.srcObject = L, await f.play(), L.getVideoTracks().forEach((F) => {
-          F.addEventListener("ended", () => w(f));
+      async function w(f) {
+        P = await navigator.mediaDevices.getUserMedia({ video: !0, audio: d }), f.srcObject = P, await f.play(), P.getVideoTracks().forEach((A) => {
+          A.addEventListener("ended", () => k(f));
         });
       }
-      async function k(f, F, _ = 0) {
+      async function g(f, A, W = 0) {
         if (f instanceof DOMException)
           switch (f.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"), await E(F, _ + 1);
+              console.error("No camera found — retry when device is connected"), await v(A, W + 1);
               break;
             case "NotReadableError":
               throw new Error("Camera in use by another app");
@@ -810,55 +848,54 @@ async function Pt(h) {
         else
           throw new Error("Unknown camera error: " + f);
       }
-      return await E(e), x = () => {
-        c = !0, v(e), x = void 0;
+      return await v(e), u = () => {
+        y = !0, L(e), u = void 0;
       }, {
-        getStream: () => L,
-        stop: x
+        getStream: () => P,
+        stop: u
       };
     },
     pause: () => {
-      W(!1);
+      E(!1);
     },
     resume: () => {
-      W(!0);
+      E(!0);
     },
-    bind: (a, c) => {
-      if (c = c || xe, !s) throw new Error("Pose tracker not initialized");
+    bind: (d, y) => {
+      if (y = y || Re, !o) throw new Error("Pose tracker not initialized");
       if (!n) throw new Error("Hands tracker not initialized");
-      if (!d) throw new Error("Face tracker not initialized");
-      const L = s.bind(a, c), w = n.left.bind(a, c), v = n.right.bind(a, c);
-      let E;
-      const g = d == null ? void 0 : d.bind(a);
-      a.traverse((f) => {
-        f instanceof p.Mesh && f.name.indexOf(c.faceMesh) === 0 && (f.frustumCulled = !1, E = d == null ? void 0 : d.bindShapeKeys(f));
+      const P = o.bind(d, y), k = n.left.bind(d, y), L = n.right.bind(d, y);
+      let v;
+      const w = a == null ? void 0 : a.bind(d);
+      d.traverse((f) => {
+        f instanceof p.Mesh && f.name.indexOf(y.faceMesh) === 0 && (f.frustumCulled = !1, v = a == null ? void 0 : a.bindShapeKeys(f));
       });
-      const k = ut(a, c);
+      const g = bt(d, y);
       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: k.start,
-        stopRecording: k.stop,
-        isRecording: () => k.isRecording(),
+        startRecording: g.start,
+        stopRecording: g.stop,
+        isRecording: () => g.isRecording(),
         update: (f) => {
-          L.update(f), w.update(f), v.update(f), E == null || E.update(f), g == null || g.update(f), k.isRecording() && k.captureFrame();
+          P.update(f), k.update(f), L.update(f), v == null || v.update(f), w == null || w.update(f), g.isRecording() && g.captureFrame();
         }
       };
     },
-    setVideoFromSource: (a) => {
-      x == null || x(), e || y(), e.src = a instanceof File ? URL.createObjectURL(a) : a, e.controls = !0, e.loop = !0, e.muted = !0, e.controls = !0, e.play();
+    setVideoFromSource: (d) => {
+      u == null || u(), e || b(), e.src = d instanceof File ? URL.createObjectURL(d) : d, e.controls = !0, e.loop = !0, e.muted = !0, e.controls = !0, e.play();
     },
-    async setVideoFromWebcam(a = !1) {
-      if (e || y(), x)
+    async setVideoFromWebcam(d = !1) {
+      if (e || b(), u)
         throw new Error("Webcam already started");
-      return await this.start(a);
+      return await this.start(d);
     }
   };
 }
 export {
-  De as FACE_LANDMARKS_COUNT,
-  Ce as createFaceLandmarksIndexAttribute,
-  Pt as setupTracker
+  ee as FACE_LANDMARKS_COUNT,
+  qe as createFaceLandmarksIndexAttribute,
+  St as setupTracker
 };