three-mediapipe-rig 0.1.2 → 0.1.4

package/dist/rigger.js

@@ -1,45 +1,45 @@
-var Pe = Object.defineProperty;
-var Ee = (l, o, e) => o in l ? Pe(l, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : l[o] = e;
-var R = (l, o, e) => Ee(l, typeof o != "symbol" ? o + "" : o, e);
-import { PoseLandmarker as we, HandLandmarker as I, FaceLandmarker as G, FilesetResolver as ge, DrawingUtils as We } from "@mediapipe/tasks-vision";
-import * as u from "three/webgpu";
-import { Vector3 as b, Quaternion as ye, VideoTexture as Q, SRGBColorSpace as Y, MeshPhysicalNodeMaterial as Fe } from "three/webgpu";
-import * as _ from "three";
-import { Bone as Ae } from "three";
-import { uniform as C, 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 z = new b(), Z = new b(), Be = new b(1, 0, 0), Ue = new b(-1, 0, 0), Ie = new b(0, 1, 0), Ge = new b(0, -1, 0), J = new b(0, 0, 1);
-new b(0, 0, -1);
-const ee = new b(), He = new b(), qe = new b(), te = new ye(), B = new ye();
-function F(l, o, e, t = "+x") {
-  l.lookAt(o);
-  const n = t == "+x" ? Be : t == "-x" ? Ue : t == "+y" ? Ie : Ge;
-  l.getWorldPosition(Z), l.getWorldQuaternion(B), z.subVectors(e, Z).normalize(), ee.copy(n).applyQuaternion(B);
-  const s = ee, a = He.copy(J).applyQuaternion(B), i = z.clone().addScaledVector(a, -z.dot(a)).normalize(), r = qe.crossVectors(s, i), m = Math.atan2(r.dot(a), s.dot(i));
-  te.setFromAxisAngle(J, m), l.quaternion.multiply(te);
+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 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 D = new u.Vector3(), N = new u.Vector3(), U = new u.Vector3();
-new u.Vector3();
-class H {
-  constructor(o, e) {
+const B = new p.Vector3(), _ = new p.Vector3(), H = new p.Vector3();
+new p.Vector3();
+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 u.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 $e(), this.root.add(this.marks[t]);
-  }
-  updateLandmarks(o, e, t) {
-    for (let n in this.points) {
-      const s = this.points[n], a = this.marks[n];
-      a && (s instanceof Array ? (D.copy(o[s[0]]), a.position.copy(o[s[1]]).sub(D).divideScalar(2).add(o[s[0]]), s.length == 4 && (D.subVectors(
-        o[s[3]],
-        o[s[2]]
-      ).divideScalar(2).add(o[s[2]]).sub(a.position).divideScalar(2), a.position.add(D))) : a.position.copy(o[s]));
+      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,67 +49,67 @@ class H {
       }
     );
   }
-  getGhost(o) {
+  getGhost(s) {
     var e;
-    if (!this.objectGhost.has(o)) {
-      const t = new je();
-      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 [n, s, a, i] of o) {
-      this.marks[a].getWorldPosition(U), this.marks[s].getWorldPosition(N);
-      const r = U.sub(N);
-      n.getWorldPosition(N), N.add(r);
-      const m = N, c = n.getWorldPosition(U).sub(t), f = this.getGhost(n);
-      F(f, m, c, i), f.rotateX(Math.PI / 2), n.position.lerp(f.position, e * 4), n.quaternion.slerp(f.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 $e extends u.Mesh {
+class Je extends p.Mesh {
   constructor() {
-    super(new u.SphereGeometry(0.01, 3, 3), new u.MeshStandardMaterial({ color: 16711680, wireframe: !0 }));
-    R(this, "_worldPosition", new u.Vector3());
-    this.add(new u.AxesHelper(1e-3));
+    super(new p.SphereGeometry(0.01, 3, 3), new p.MeshStandardMaterial({ color: 16711680, wireframe: !0 }));
+    R(this, "_worldPosition", new p.Vector3());
+    this.add(new p.AxesHelper(1e-3));
   }
   get worldPosition() {
     return this.getWorldPosition(this._worldPosition), this._worldPosition;
   }
 }
-class je extends u.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 W(l, o, e) {
-  return e.worldToLocal(o.getWorldPosition(l)), l;
+function S(c, s, e) {
+  return e.worldToLocal(s.getWorldPosition(c)), c;
 }
-function Ke(l) {
-  return l.replace(/[\.\:]/g, "");
+function tt(c) {
+  return c.replace(/[\.\:]/g, "");
 }
-function P(l, o) {
+function F(c, s) {
   let e;
-  return o = Ke(o), l.traverse((t) => {
-    t.name.indexOf(o) === 0 && t instanceof Ae && (e = t);
-  }), e || console.log("Bone not found: ", o, l.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(l, o) {
-  const e = await we.createFromOptions(l, {
+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(l, 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 u.Vector3(), oe = new u.Vector3(), Ze = new u.Vector3(), Je = new u.Vector3(), et = new u.Vector3(), ne = new u.Vector3(), se = new u.Vector3();
-class tt extends H {
+  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, we.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 H {
     return this._rightWristNormalizedPosition;
   }
   predict(e, t) {
-    this.poseLandmarker.detectForVideo(e, performance.now(), (n) => {
-      var s;
-      n.landmarks.length != 0 && (this.updateLandmarks(n.worldLandmarks[0], ((s = this.config) == null ? void 0 : s.drawLandmarks) === !1 ? void 0 : n.landmarks[0], t), this._leftWristNormalizedPosition = n.landmarks[0][this.points.leftWrist], this._rightWristNormalizedPosition = n.landmarks[0][this.points.rightWrist]);
+    this.poseLandmarker.detectForVideo(e, performance.now(), (o) => {
+      var n;
+      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 H {
   // 	this.syncObjects(objects, delta, torsoNormal); 
   // }
   bind(e, t) {
-    var r;
-    const n = {
-      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 n.leftLeg, delete n.leftKnee, delete n.leftFoot, delete n.leftToes, delete n.rightLeg, delete n.rightKnee, delete n.rightFoot, delete n.rightToes);
-    const s = new u.Vector3(), a = new u.Vector3(), i = (m, c, f, k, x, d) => {
-      if (!c) return;
-      const h = this.marks[k].getWorldPosition(s).sub(this.marks[f].getWorldPosition(a)).normalize();
-      W(ne, c, e).add(h).applyMatrix4(e.matrixWorld), W(se, c, e).add(x).applyMatrix4(e.matrixWorld);
-      const w = this.getGhost(c);
-      F(w, ne, se, d), w.rotateX(Math.PI / 2), w.lerp(c, 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 c = this.marks.leftLeg.getWorldPosition(Ye).sub(this.marks.rightLeg.getWorldPosition(oe)).normalize(), f = this.marks.leftArm.getWorldPosition(oe).sub(this.marks.rightArm.getWorldPosition(Ze)).normalize(), k = this.marks.leftEar.getWorldPosition(Je).sub(this.marks.rightEar.getWorldPosition(et)).normalize();
-        i(m, n.hips, "hips", "torso", c, "+x"), i(m, n.torso, "torso", "neck", f, "+x"), i(m, n.neck, "neck", "head", k, "+x"), i(m, n.head, "neck", "head", k, "+x"), i(m, n.leftArm, "leftArm", "leftElbow", f, "-x"), i(m, n.leftElbow, "leftElbow", "leftWrist", f, "-x"), i(m, n.leftLeg, "leftLeg", "leftKnee", c, "+x"), i(m, n.leftKnee, "leftKnee", "leftFoot", c, "+x"), i(m, n.leftFoot, "leftFoot", "leftToes", c, "+x"), i(m, n.rightArm, "rightArm", "rightElbow", f, "-x"), i(m, n.rightElbow, "rightElbow", "rightWrist", f, "-x"), i(m, n.rightLeg, "rightLeg", "rightKnee", c, "+x"), i(m, n.rightKnee, "rightKnee", "rightFoot", c, "+x"), i(m, n.rightFoot, "rightFoot", "rightToes", c, "+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 ie = new u.Vector2(), re = new u.Vector2();
-async function ot(l, o) {
-  const e = await I.createFromOptions(l, {
+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 = (n, s, a) => {
+  }), t = (o, n, a) => {
     try {
-      ie.copy(n()), re.copy(s());
-    } 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 ie.distanceTo(a) < re.distanceTo(a);
+    return de.distanceTo(a) < ce.distanceTo(a);
   };
   return {
-    left: new ue(e, "Left", t.bind(null, o.leftWrist, o.rightWrist), o.drawLandmarks),
-    right: new ue(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 nt = {
+const lt = {
   wrist: 0,
   palm: [9, 13],
   thumb1: 1,
@@ -256,35 +259,35 @@ const nt = {
   pinky2: 18,
   pinky3: 19,
   pinky4: 20
-}, O = {
+}, 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"]
-}, st = new u.Vector3(), ae = new u.Vector3(), de = new u.Vector3(), ce = new u.Vector3(), le = new u.Vector3(), he = new u.Vector3();
-new u.Vector3();
-new u.Vector3();
-new u.Vector3();
-const me = new u.Vector3(), pe = Math.PI / 2, it = new u.Vector3(0, -1, 0);
-class ue extends H {
-  constructor(e, t, n, s = !0) {
-    super(nt, I.HAND_CONNECTIONS);
+}, 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 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 = n, this.drawLandmarks = s, 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 n = this.handLandmarker.detectForVideo(e, performance.now());
-    if (n.landmarks.length)
-      for (let s = 0; s < n.landmarks.length; s++) {
-        const a = n.landmarks[s], i = a[this.points.wrist];
-        if (this.isMyWrist(i)) {
-          this.updateLandmarks(n.worldLandmarks[s]), this.drawLandmarks && (t.drawConnectors(a, I.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(a, { color: this.side == "Left" ? "#00FF00" : "#0000FF", lineWidth: 3, radius: 1 }));
@@ -301,68 +304,69 @@ class ue extends H {
    * @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, n) {
-    const s = st.crossVectors(
-      ae.copy(this.marks.index1.worldPosition).sub(this.marks.wrist.worldPosition),
-      de.copy(this.marks.pinky1.worldPosition).sub(this.marks.wrist.worldPosition)
-    ).normalize(), a = ae.copy(this.marks.palm.worldPosition).sub(this.marks.wrist.worldPosition).normalize(), i = de.copy(this.marks.pinky1.worldPosition).sub(this.marks.index1.worldPosition).normalize();
-    if (!(a.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 = W(ce, t.wrist, n).add(a).applyMatrix4(n.matrixWorld), m = W(le, t.wrist, n).sub(i).applyMatrix4(n.matrixWorld), c = this.getGhost(t.wrist);
-        F(c, r, m, "-y"), c.rotateX(pe), c.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, n, s, a, i, t, O.index, "middle1"), this.syncFinger(e, n, s, a, i, t, O.middle, "ring1"), this.syncFinger(e, n, s, a, i, t, O.ring, "pinky1"), this.syncFinger(e, n, s, a, i, t, O.pinky, "ring1", !0), this.syncFinger(e, n, s, a, i, t, O.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, n, s, a, i, r, m, c = !1) {
-    for (let f = 0; f < r.length - 1; f++) {
-      const k = i[r[f]];
-      if (!k) continue;
-      const x = this.getGhost(k), d = ce.copy(this.marks[r[f + 1]].worldPosition).sub(this.marks[r[f]].worldPosition).normalize(), h = W(le, k, t);
-      if (f == 0) {
-        const w = he.copy(this.marks[m].worldPosition).sub(this.marks[r[0]].worldPosition).normalize();
-        c && w.negate(), me.copy(w), F(
-          x,
-          d.add(h).applyMatrix4(t.matrixWorld),
-          w.add(h).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
-        F(
-          x,
-          d.add(h).applyMatrix4(t.matrixWorld),
-          he.copy(me).add(h).applyMatrix4(t.matrixWorld),
+        N(
+          u,
+          E.add(d).applyMatrix4(t.matrixWorld),
+          ue.copy(fe).add(d).applyMatrix4(t.matrixWorld),
           this.lookAtPoleAxis
         );
-      x.rotateX(pe), x.lerp(k, e);
+      u.rotateX(we), u.lerp(b, e);
     }
   }
   bind(e, t) {
-    const n = {}, s = (a, i) => {
-      const r = P(e, a);
-      if (r)
-        return n[i] = r, i;
+    const o = {}, n = (a, r) => {
+      const i = F(e, a);
+      if (i)
+        return o[r] = i, r;
     };
-    return s(this.isLeft ? t.handL : t.handR, "wrist"), s(this.isLeft ? t.index1L : t.index1R, "index1"), s(this.isLeft ? t.index2L : t.index2R, "index2"), s(this.isLeft ? t.index3L : t.index3R, "index3"), s(this.isLeft ? t.middle1L : t.middle1R, "middle1"), s(this.isLeft ? t.middle2L : t.middle2R, "middle2"), s(this.isLeft ? t.middle3L : t.middle3R, "middle3"), s(this.isLeft ? t.ring1L : t.ring1R, "ring1"), s(this.isLeft ? t.ring2L : t.ring2R, "ring2"), s(this.isLeft ? t.ring3L : t.ring3R, "ring3"), s(this.isLeft ? t.pinky1L : t.pinky1R, "pinky1"), s(this.isLeft ? t.pinky2L : t.pinky2R, "pinky2"), s(this.isLeft ? t.pinky3L : t.pinky3R, "pinky3"), s(this.isLeft ? t.thumb1L : t.thumb1R, "thumb1"), s(this.isLeft ? t.thumb2L : t.thumb2R, "thumb2"), s(this.isLeft ? t.thumb3L : t.thumb3R, "thumb3"), {
+    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: (a) => {
-        this.syncHandBones(a, n, e);
+        this.syncHandBones(a, o, e);
       }
     };
   }
 }
-async function rt(l, o) {
-  const e = await G.createFromOptions(l, {
+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(), Le = new b(), lt = new b(), ht = new b();
-new b();
-class mt extends H {
+}, 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, G.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 s, a, i;
-    const n = this.faceLandmarker.detectForVideo(e, performance.now());
-    n.faceLandmarks[0] && (this.cfg.drawLandmarks && (t.drawConnectors(n.faceLandmarks[0], G.FACE_LANDMARKS_TESSELATION, { color: "#00fff2ff", lineWidth: 0.1 }), t.drawLandmarks(n.faceLandmarks[0], { color: "#00ff00", lineWidth: 0.1, radius: 0.4 })), this.updateLandmarks(n.faceLandmarks[0], n.faceLandmarks[0])), this._faceLandmarks = n.faceLandmarks[0], this.blendshapeCategories = (a = (s = n.faceBlendshapes) == null ? void 0 : s[0]) == null ? void 0 : a.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: (n) => {
-        var s;
-        (s = this.blendshapeCategories) == null || s.forEach((a) => {
-          const { categoryName: i, score: r } = a;
-          if (!(t != null && t.hasOwnProperty(i))) return;
-          this.smoothed[i] === void 0 && (this.smoothed[i] = r);
-          const m = 1 - Math.pow(this.smoothing, n);
-          this.smoothed[i] += (r - this.smoothed[i]) * m, e.morphTargetInfluences[t[i]] = this.smoothed[i];
+      update: (o) => {
+        var n;
+        (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 fe(e, "L"), n = new fe(e, "R"), s = P(e, "head");
+    const t = new Le(e, "L"), o = new Le(e, "R"), n = F(e, "head");
     return {
       update: (a) => {
-        if (t.update(a, this.blendshapeMap), n.update(a, this.blendshapeMap), !s) return;
-        const i = dt.copy(this.marks.earL.worldPosition), r = ct.copy(this.marks.earR.worldPosition), m = Le.subVectors(i, r).multiplyScalar(0.5).add(r), c = lt.subVectors(this.marks.noseTip.worldPosition, m), f = i.sub(r), k = W(ht, s, e), x = f.add(k).applyMatrix4(e.matrixWorld), d = c.add(k).applyMatrix4(e.matrixWorld);
-        F(s, d, x, "+x");
+        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 H {
    * @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 n = new b();
-    new b();
-    const a = e.geometry.attributes.position;
-    C(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 c;
-    const f = 116, k = 346, x = n.subVectors(
-      new b(a.getX(f), a.getY(f), a.getZ(f)),
-      new b(a.getX(k), a.getY(k), a.getZ(k))
-    ).lengthSq();
-    console.log("# mesh face reference (live): ", x);
-    const d = C(x), h = C(1);
-    let w;
+    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: () => {
-        w == null || w();
+        L == null || L();
       },
       /**
        * asas
        * @param delta asas
        * @returns 
        */
-      update: (E) => {
-        var g, L;
-        if (!c) {
-          const p = (L = (g = this.cfg) == null ? void 0 : g.videoElementRef) == null ? void 0 : L.call(g);
-          if (!p || !p.videoWidth || !p.videoHeight) return;
-          c = p;
-          const A = new Q(c);
-          A.colorSpace = Y;
-          const T = C(c.videoWidth / c.videoHeight), S = r.element(k).sub(r.element(f)).lengthSq(), be = d.div(S).sqrt().mul(2), xe = r.element(234).xy, q = r.element(93).xy, Re = r.element(454).xy, $ = r.element(323).xy, j = xe.sub(q).div(2).add(q), ve = Re.sub($).div(2).add($).sub(j).div(2).add(j), K = r.element(i).sub(ve).xzy.mul(Ne(1, -1, Oe(1).div(T))).mul(be), M = Te(A, _e(m.x, m.y.oneMinus())), X = () => {
-            const V = new Q(c);
-            V.colorSpace = Y, M.value = V, M.needsUpdate = !0, T.value = c.videoWidth / c.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;
           };
-          c.addEventListener("loadeddata", X), t ? t(K, M) : e.material = new Fe({
-            positionNode: K,
-            colorNode: M,
+          u.addEventListener("loadeddata", Y), t ? t(Q, O) : e.material = new Oe({
+            positionNode: Q,
+            colorNode: O,
             roughness: 0.93
-          }), w = () => {
-            var V;
-            M.value.dispose(), c == null || c.removeEventListener("loadeddata", X), (V = e.material) == null || V.dispose();
+          }), L = () => {
+            var T;
+            O.value.dispose(), u == null || u.removeEventListener("loadeddata", Y), (T = e.material) == null || T.dispose();
           };
         }
-        const y = this.lastKnownLandmarks;
-        if (!(y != null && y.length)) return;
-        h.value = n.subVectors(y[k], y[f]).lengthSq(), h.needsUpdate = !0;
-        const v = r.value.array;
-        for (let p = 0; p < y.length; p++)
-          v[p * 3] = y[p].x, v[p * 3 + 1] = y[p].y, v[p * 3 + 2] = y[p].z;
-        r.value.needsUpdate = !0;
+        const w = this.lastKnownLandmarks;
+        if (!(w != null && w.length)) return;
+        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 fe {
-  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;
-    W(Le, this.eyeBone, this.rig);
-    const t = e.get(this.eyeLookOut) ?? 0, n = e.get(this.eyeLookIn) ?? 0, s = e.get(this.eyeLookUp) ?? 0, a = e.get(this.eyeLookDown) ?? 0, i = n - t, r = a - s;
-    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 ke = {
+const Re = {
   faceMesh: "face",
   head: "head",
   hips: "hips",
@@ -558,7 +594,7 @@ const ke = {
   thumb1R: "thumb1R",
   thumb2R: "thumb2R",
   thumb3R: "thumb3R"
-}, pt = [
+}, xt = [
   "eyeBlinkLeft",
   "eyeBlinkRight",
   "eyeLookDownLeft",
@@ -612,94 +648,96 @@ const ke = {
   "mouthUpperUpRight",
   "tongueOut"
 ];
-function ut(l, o, e = 30) {
-  const t = [], n = l.getObjectByName(
-    o.faceMesh
-  ), s = /* @__PURE__ */ new Set();
-  if (n != null && n.morphTargetDictionary)
-    for (const h in n.morphTargetDictionary)
-      pt.includes(h) && s.add(h);
-  const a = Object.keys(o);
-  l.traverse((h) => {
-    if (h instanceof _.Bone) {
-      const w = a.find((E) => h.name.indexOf(o[E]) === 0);
-      w && t.push({
-        ref: h,
-        name: h.name,
-        normalizedName: w
+function bt(c, s, e = 30) {
+  const t = [], o = c.getObjectByName(
+    s.faceMesh
+  ), n = /* @__PURE__ */ new Set();
+  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 c = !1, f = 0;
-  function k() {
-    r.clear(), m.clear(), i.length = 0, f = performance.now() / 1e3, c = !0;
-  }
-  function x() {
-    if (!c) return;
-    const h = performance.now() / 1e3 - f;
-    i.push(h);
-    for (const w of t) {
-      r.has(w.name) || r.set(w.name, []);
-      const E = r.get(w.name), y = w.ref.quaternion;
-      E.push(y.x, y.y, y.z, y.w);
-    }
-    for (const w of s) {
-      m.has(w) || m.set(w, []);
-      const E = m.get(w), y = n.morphTargetDictionary[w], v = n.morphTargetInfluences[y];
-      E.push(v);
+  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() {
+    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 d(h = "RecordedClip") {
-    c = !1;
-    const w = [];
-    for (const [y, v] of r)
-      w.push(
-        new _.QuaternionKeyframeTrack(
-          `${y}.quaternion`,
-          i,
-          v
+  function P(k = "RecordedClip") {
+    m = !1;
+    const L = [];
+    for (const [w, g] of i)
+      L.push(
+        new D.QuaternionKeyframeTrack(
+          `${w}.quaternion`,
+          r,
+          g
         )
       );
-    for (const [y, v] of m)
-      w.push(
-        new _.NumberKeyframeTrack(
-          `${ke.faceMesh}.morphTargetInfluences[${y}]`,
-          i,
-          v
+    for (const [w, g] of l)
+      L.push(
+        new D.NumberKeyframeTrack(
+          `${Re.faceMesh}.morphTargetInfluences[${w}]`,
+          r,
+          g
         )
       );
-    const E = new _.AnimationClip(h, -1, w);
+    const v = new D.AnimationClip(k, -1, L);
     return {
-      clip: E,
-      saveToFile: () => {
-        new ze().parse(
-          l,
-          (v) => {
-            const g = new Blob([v], {
+      clip: v,
+      saveToFile: () => new Promise((w, g) => {
+        new je().parse(
+          c,
+          (A) => {
+            const W = new Blob([A], {
               type: "model/gltf-binary"
-            }), L = URL.createObjectURL(g), p = document.createElement("a");
-            p.href = L, p.download = h + ".glb", p.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: [E]
+            animations: [v]
           }
         );
-      }
+      })
     };
   }
-  return { start: k, captureFrame: x, stop: d, isRecording: () => c };
+  return { start: d, captureFrame: y, stop: P, isRecording: () => m };
 }
-const ft = () => {
-  var l;
-  return !!((l = navigator.mediaDevices) != null && l.getUserMedia);
+const Rt = () => {
+  var c;
+  return !!((c = navigator.mediaDevices) != null && c.getUserMedia);
 };
-async function Pt(l) {
-  const o = {
+async function St(c) {
+  const s = {
     debugFrame: void 0,
     displayScale: 1,
     ignoreLegs: !1,
@@ -713,141 +751,151 @@ async function Pt(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
+    ...c
   };
   let e;
-  const t = await ge.forVisionTasks(o.modelPaths.vision ?? "/wasm"), n = o.onlyFace ? void 0 : await Xe(t, {
-    ignoreLegs: o.ignoreLegs,
-    modelPath: o.modelPaths.pose,
-    drawLandmarks: o.drawLandmarksOverlay
-  }), s = o.onlyFace ? void 0 : await ot(t, {
-    leftWrist: () => n.leftWristNormalizedPosition,
-    rightWrist: () => n.rightWristNormalizedPosition,
-    modelPath: o.modelPaths.hand,
-    drawLandmarks: o.drawLandmarksOverlay,
-    ...l == null ? void 0 : l.handsTrackerOptions
-  }), a = 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"), c = new We(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 f(d) {
-    m.save(), m.clearRect(0, 0, r.width, r.height), n == null || n.predict(d, c), s == null || s.left.predict(d, c), s == null || s.right.predict(d, c), a == null || a.predict(d, c), m.restore();
-  }
-  function k() {
-    e = document.createElement("video"), i.appendChild(e);
+  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", o.debugVideo && (e.src = o.debugVideo, e.controls = !0, e.loop = !0, e.muted = !0, e.controls = !0, e.play());
-    function h() {
-      d !== e.currentTime && e.readyState >= 2 && (f(e), d = e.currentTime), window.requestAnimationFrame(h);
+    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", () => {
-      e.width = e.videoWidth * o.displayScale, e.height = e.videoHeight * o.displayScale, r.width = e.videoWidth, r.height = e.videoHeight, r.style.height = e.height + "px", r.style.width = e.width + "px", window.requestAnimationFrame(h);
+      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) {
+  if (s.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", i.appendChild(d), d.addEventListener("load", () => {
-      d.width = d.naturalWidth * o.displayScale, d.height = d.naturalHeight * o.displayScale, r.width = d.naturalWidth, r.height = d.naturalWidth, r.style.width = d.width + "px", r.style.height = d.height + "px";
-      function h() {
-        f(d);
+    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(h);
+      window.requestAnimationFrame(y);
     });
-  } else o.debugVideo && k();
-  let x;
+  } 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: n,
-    handsTracker: s,
+    poseTracker: o,
+    handsTracker: n,
     faceTracker: a,
     video: e,
-    canvas: r,
-    domElement: i,
-    start: async () => {
-      let d = !1;
-      if (!ft())
+    canvas: i,
+    domElement: r,
+    start: async (d = !1) => {
+      let y = !1;
+      if (!Rt())
         throw new Error("Webcam not supported");
-      e || k();
-      let h;
-      function w(L) {
-        d || (console.warn("Camera track ended, attempting recovery..."), E(L), y(L));
+      e || b();
+      let P;
+      function k(f) {
+        y || (console.warn("Camera track ended, attempting recovery..."), L(f), v(f));
       }
-      function E(L) {
-        h == null || h.getVideoTracks().forEach((p) => p.stop()), h = void 0, L.srcObject = null;
+      function L(f) {
+        P == null || P.getVideoTracks().forEach((A) => A.stop()), P = void 0, f.srcObject = null;
       }
-      async function y(L, p = 0) {
-        const T = Math.min(1e3 * 2 ** p, 16e3);
-        if (p >= 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((S) => setTimeout(S, T)), !d)
+        if (await new Promise((M) => setTimeout(M, V)), !y)
           try {
-            await v(L);
-          } catch (S) {
-            await g(S, L, p + 1);
+            await w(f);
+          } catch (M) {
+            await g(M, f, A + 1);
           }
       }
-      async function v(L) {
-        h = await navigator.mediaDevices.getUserMedia({ video: !0 }), L.srcObject = h, await L.play(), h.getVideoTracks().forEach((p) => {
-          p.addEventListener("ended", () => w(L));
+      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 g(L, p, A = 0) {
-        if (L instanceof DOMException)
-          switch (L.name) {
+      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 y(p, A + 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");
             default:
-              throw new Error("Camera error: " + L.message);
+              throw new Error("Camera error: " + f.message);
           }
         else
-          throw new Error("Unknown camera error: " + L);
+          throw new Error("Unknown camera error: " + f);
       }
-      return await y(e), x = () => {
-        d = !0, E(e), x = void 0;
+      return await v(e), u = () => {
+        y = !0, L(e), u = void 0;
       }, {
-        stop: x
+        getStream: () => P,
+        stop: u
       };
     },
-    bind: (d, h) => {
-      if (h = h || ke, !n) throw new Error("Pose tracker not initialized");
-      if (!s) throw new Error("Hands tracker not initialized");
-      if (!a) throw new Error("Face tracker not initialized");
-      const w = n.bind(d, h), E = s.left.bind(d, h), y = s.right.bind(d, h);
+    pause: () => {
+      E(!1);
+    },
+    resume: () => {
+      E(!0);
+    },
+    bind: (d, y) => {
+      if (y = y || Re, !o) throw new Error("Pose tracker not initialized");
+      if (!n) throw new Error("Hands tracker not initialized");
+      const P = o.bind(d, y), k = n.left.bind(d, y), L = n.right.bind(d, y);
       let v;
-      const g = a == null ? void 0 : a.bind(d);
-      d.traverse((p) => {
-        p instanceof u.Mesh && p.name.indexOf(h.faceMesh) === 0 && (p.frustumCulled = !1, v = a == null ? void 0 : a.bindShapeKeys(p));
+      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 L = ut(d, h);
+      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: L.start,
-        stopRecording: L.stop,
-        isRecording: () => L.isRecording(),
-        update: (p) => {
-          w.update(p), E.update(p), y.update(p), v == null || v.update(p), g == null || g.update(p), L.isRecording() && L.captureFrame();
+        startRecording: g.start,
+        stopRecording: g.stop,
+        isRecording: () => g.isRecording(),
+        update: (f) => {
+          P.update(f), k.update(f), L.update(f), v == null || v.update(f), w == null || w.update(f), g.isRecording() && g.captureFrame();
         }
       };
     },
     setVideoFromSource: (d) => {
-      x == null || x(), e || k(), e.src = d instanceof File ? URL.createObjectURL(d) : d, e.controls = !0, e.loop = !0, e.muted = !0, e.controls = !0, e.play();
+      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() {
-      if (e || k(), x)
+    async setVideoFromWebcam(d = !1) {
+      if (e || b(), u)
         throw new Error("Webcam already started");
-      return await this.start();
+      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
 };