three-mediapipe-rig 0.1.4 → 0.1.41

package/dist/{face-tracker-utils-xt9__vBF.js → face-tracker-utils-BYPHYWo9.js}

@@ -8,7 +8,7 @@ const d = 478, g = (r) => {
     const u = n.get(o);
     i.push(u < d ? u : 65535);
   }
-  s.setAttribute("landmarkIndex", new c(new Uint16Array(i), 1));
+  s.setAttribute("landmarkIndex", new c(new Float32Array(i), 1));
 };
 export {
   d as F,

package/dist/meshcap/material.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"material.d.ts","sourceRoot":"","sources":["../../src/meshcap/material.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAE,OAAO,EAA4B,YAAY,EAAW,MAAM,cAAc,CAAC;AAOxF,MAAM,MAAM,sBAAsB,GAAG;IAEpC;;;;;;;;;;OAUG;IACH,yBAAyB,EAAC,MAAI,OAAO,GAAC,SAAS,CAAC;IAEhD;;OAEG;IACH,KAAK,EAAC,OAAO,CAAC;IAEd;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAC,CAAC,SAAS,EAAC,MAAM,EAAE,aAAa,EAAC,MAAM,EAAE,YAAY,EAAC,MAAM,KAAG,IAAI,CAAC;IAGvF;;;;;OAKG;IACH,IAAI,EAAC,CAAE,SAAS,EAAC,MAAM,GAAC,MAAM,EAAE,KAAK,CAAC,EAAC,OAAO,EAAE,mBAAmB,CAAC,EAAC,CAAE,UAAU,EAAC,MAAM,KAAI,IAAI,EAAE,SAAS,CAAC,EAAC,OAAO,KAAI,IAAI,CAAA;IAE5H;;;;OAIG;IACH,WAAW,EAAC,CAAE,SAAS,EAAC,MAAM,GAAC,MAAM,EAAE,OAAO,CAAC,EAAC,CAAE,UAAU,EAAC,MAAM,KAAI,IAAI,KAAI,IAAI,CAAA;IAEnF;;;;OAIG;IACH,WAAW,EAAC,CAAE,SAAS,EAAC,MAAM,GAAC,MAAM,EAAE,aAAa,CAAC,EAAC,MAAI,IAAI,KAAI,IAAI,CAAA;IAEtE;;;;OAIG;IACH,WAAW,EAAC,CAAE,SAAS,EAAC,MAAM,GAAC,MAAM,EAAE,KAAK,CAAC,EAAC,MAAM,KAAI,IAAI,CAAA;IAE5D;;;OAGG;IACH,MAAM,EAAC,CAAE,KAAK,EAAC,MAAM,KAAI,IAAI,CAAA;IAE7B;;OAEG;IACH,KAAK,EAAC,QAAQ,EAAE,CAAA;IAEhB;;OAEG;IACH,YAAY,EAAC,OAAO,CAAA;IAEpB;;OAEG;IACH,OAAO,EAAC,YAAY,CAAA;IAEpB;;OAEG;IACH,QAAQ,EAAC,YAAY,CAAA;CACrB,CAAA;AAED;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CAAE,YAAY,EAAC,OAAO,EAAE,KAAK,EAAC,QAAQ,EAAE,EAAE,UAAU,EAAC,IAAI,EAAE,IAAI,CAAC,EAAC,YAAY,EAAE,UAAU,CAAC,EAAC,WAAW,GAAG,sBAAsB,CAmUnK"}
+{"version":3,"file":"material.d.ts","sourceRoot":"","sources":["../../src/meshcap/material.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACnC,OAAO,EAAgC,OAAO,EAA4B,YAAY,EAAsC,MAAM,cAAc,CAAC;AAOjJ,MAAM,MAAM,sBAAsB,GAAG;IAEpC;;;;;;;;;;OAUG;IACH,yBAAyB,EAAC,MAAI,OAAO,GAAC,SAAS,CAAC;IAEhD;;OAEG;IACH,KAAK,EAAC,OAAO,CAAC;IAEd;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAC,CAAC,SAAS,EAAC,MAAM,EAAE,aAAa,EAAC,MAAM,EAAE,YAAY,EAAC,MAAM,KAAG,IAAI,CAAC;IAGvF;;;;;OAKG;IACH,IAAI,EAAC,CAAE,SAAS,EAAC,MAAM,GAAC,MAAM,EAAE,KAAK,CAAC,EAAC,OAAO,EAAE,mBAAmB,CAAC,EAAC,CAAE,UAAU,EAAC,MAAM,KAAI,IAAI,EAAE,SAAS,CAAC,EAAC,OAAO,KAAI,IAAI,CAAA;IAE5H;;;;OAIG;IACH,WAAW,EAAC,CAAE,SAAS,EAAC,MAAM,GAAC,MAAM,EAAE,OAAO,CAAC,EAAC,CAAE,UAAU,EAAC,MAAM,KAAI,IAAI,KAAI,IAAI,CAAA;IAEnF;;;;OAIG;IACH,WAAW,EAAC,CAAE,SAAS,EAAC,MAAM,GAAC,MAAM,EAAE,aAAa,CAAC,EAAC,MAAI,IAAI,KAAI,IAAI,CAAA;IAEtE;;;;OAIG;IACH,WAAW,EAAC,CAAE,SAAS,EAAC,MAAM,GAAC,MAAM,EAAE,KAAK,CAAC,EAAC,MAAM,KAAI,IAAI,CAAA;IAE5D;;;OAGG;IACH,MAAM,EAAC,CAAE,KAAK,EAAC,MAAM,KAAI,IAAI,CAAA;IAE7B;;OAEG;IACH,KAAK,EAAC,QAAQ,EAAE,CAAA;IAEhB;;OAEG;IACH,YAAY,EAAC,OAAO,CAAA;IAEpB;;OAEG;IACH,OAAO,EAAC,YAAY,CAAA;IAEpB;;OAEG;IACH,QAAQ,EAAC,YAAY,CAAA;CACrB,CAAA;AAED;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CAAE,YAAY,EAAC,OAAO,EAAE,KAAK,EAAC,QAAQ,EAAE,EAAE,UAAU,EAAC,IAAI,EAAE,IAAI,CAAC,EAAC,YAAY,EAAE,UAAU,CAAC,EAAC,WAAW,GAAG,sBAAsB,CAmYnK"}

package/dist/meshcap/parse-mcap-file.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parse-mcap-file.d.ts","sourceRoot":"","sources":["../../src/meshcap/parse-mcap-file.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,QAAQ,EAAE,YAAY,EAAyB,MAAM,SAAS,CAAC;AAUlF;;;;GAIG;AACH,wBAAsB,eAAe,CAAE,cAAc,EAAC,MAAM,GAAC,IAAI,GAAK,OAAO,CAAC,QAAQ,CAAC,CAmBtF;AAgVD,wBAAsB,cAAc,CAAE,KAAK,EAAC,YAAY,qBAIvD"}
+{"version":3,"file":"parse-mcap-file.d.ts","sourceRoot":"","sources":["../../src/meshcap/parse-mcap-file.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,QAAQ,EAAE,YAAY,EAAyB,MAAM,SAAS,CAAC;AAUlF;;;;GAIG;AACH,wBAAsB,eAAe,CAAE,cAAc,EAAC,MAAM,GAAC,IAAI,GAAK,OAAO,CAAC,QAAQ,CAAC,CAmBtF;AAiVD,wBAAsB,cAAc,CAAE,KAAK,EAAC,YAAY,qBAIvD"}

package/dist/meshcap.js

@@ -1,10 +1,10 @@
-import { MeshPhysicalNodeMaterial as Lt, Vector3 as _, Matrix4 as Bt } from "three/webgpu";
-import { deflate as St, inflate as Tt } from "fflate";
-import { c as Vt, F as $ } from "./face-tracker-utils-xt9__vBF.js";
-import { instancedArray as K, texture as mt, uniform as tt, attribute as zt, varying as Ft, vec3 as Et, float as Pt, select as Ot, positionLocal as jt } from "three/tsl";
-import { TextureLoader as pt, Texture as Nt } from "three";
-const wt = 1296253264, Wt = 3;
-async function Dt(o) {
+import { MeshPhysicalNodeMaterial as jt, DataTexture as wt, RGBAFormat as Ut, FloatType as yt, NearestFilter as ot, Vector3 as q, Matrix4 as Dt } from "three/webgpu";
+import { deflate as Nt, inflate as Wt } from "fflate";
+import { c as Xt, F as Z } from "./face-tracker-utils-BYPHYWo9.js";
+import { instancedArray as vt, texture as J, uniform as tt, vec2 as lt, attribute as _t, varying as xt, vec3 as At, float as Ht, select as Yt, positionLocal as qt, nodeObject as Zt } from "three/tsl";
+import { TextureLoader as Mt, Texture as Kt } from "three";
+const It = 1296253264, Gt = 3;
+async function $t(o) {
   if (o instanceof ArrayBuffer)
     return o;
   if (o instanceof File || o instanceof Blob)
@@ -13,43 +13,43 @@ async function Dt(o) {
     return (await fetch(o)).arrayBuffer();
   throw new Error(`Unsupported audio source type: ${typeof o}`);
 }
-async function Xt(o, s) {
-  const a = new AudioContext(), i = await Dt(o), n = await a.decodeAudioData(i);
+async function Qt(o, s) {
+  const a = new AudioContext(), i = await $t(o), n = await a.decodeAudioData(i);
   for (const t of s) {
     if (!t.audioSprite)
       continue;
-    const g = Math.floor(t.audioSprite.start * n.sampleRate), m = Math.floor(t.duration * n.sampleRate), l = a.createBuffer(
+    const w = Math.floor(t.audioSprite.start * n.sampleRate), m = Math.floor(t.duration * n.sampleRate), f = a.createBuffer(
       n.numberOfChannels,
       m,
       n.sampleRate
     );
     for (let r = 0; r < n.numberOfChannels; r++) {
-      const e = n.getChannelData(r).subarray(g, g + m);
-      l.getChannelData(r).set(e);
+      const e = n.getChannelData(r).subarray(w, w + m);
+      f.getChannelData(r).set(e);
     }
-    const A = Ht(l), M = new Blob([A], { type: "audio/wav" }), x = URL.createObjectURL(M), f = new Audio(x);
-    t.audioSprite.domElement = f, console.log("Assigned audio to clip: ", t.name, " at ", t.audioSprite.start, " for ", t.duration, " seconds");
+    const M = Jt(f), C = new Blob([M], { type: "audio/wav" }), y = URL.createObjectURL(C), u = new Audio(y);
+    t.audioSprite.domElement = u, console.log("Assigned audio to clip: ", t.name, " at ", t.audioSprite.start, " for ", t.duration, " seconds");
   }
   return a.close(), {
     blob: new Blob([i], { type: "audio/wav" }),
     sprites: s.map((t) => t.audioSprite ? [t.audioSprite.start, t.duration] : void 0)
   };
 }
-function Ht(o) {
-  const s = o.numberOfChannels, a = o.sampleRate, i = o.length * s * 2, n = new ArrayBuffer(44 + i), t = new DataView(n), g = (l, A) => [...A].forEach((M, x) => t.setUint8(l + x, M.charCodeAt(0)));
-  g(0, "RIFF"), t.setUint32(4, 36 + i, !0), g(8, "WAVE"), g(12, "fmt "), t.setUint32(16, 16, !0), t.setUint16(20, 1, !0), t.setUint16(22, s, !0), t.setUint32(24, a, !0), t.setUint32(28, a * s * 2, !0), t.setUint16(32, s * 2, !0), t.setUint16(34, 16, !0), g(36, "data"), t.setUint32(40, i, !0);
+function Jt(o) {
+  const s = o.numberOfChannels, a = o.sampleRate, i = o.length * s * 2, n = new ArrayBuffer(44 + i), t = new DataView(n), w = (f, M) => [...M].forEach((C, y) => t.setUint8(f + y, C.charCodeAt(0)));
+  w(0, "RIFF"), t.setUint32(4, 36 + i, !0), w(8, "WAVE"), w(12, "fmt "), t.setUint32(16, 16, !0), t.setUint16(20, 1, !0), t.setUint16(22, s, !0), t.setUint32(24, a, !0), t.setUint32(28, a * s * 2, !0), t.setUint16(32, s * 2, !0), t.setUint16(34, 16, !0), w(36, "data"), t.setUint32(40, i, !0);
   let m = 44;
-  for (let l = 0; l < o.length; l++)
-    for (let A = 0; A < s; A++) {
-      const M = Math.max(-1, Math.min(1, o.getChannelData(A)[l]));
-      t.setInt16(m, M * 32767, !0), m += 2;
+  for (let f = 0; f < o.length; f++)
+    for (let M = 0; M < s; M++) {
+      const C = Math.max(-1, Math.min(1, o.getChannelData(M)[f]));
+      t.setInt16(m, C * 32767, !0), m += 2;
     }
   return n;
 }
-const ht = /* @__PURE__ */ new WeakMap();
-function Yt(o, s) {
-  const a = ht.get(o) || new AudioContext();
-  ht.set(o, a);
+const bt = /* @__PURE__ */ new WeakMap();
+function te(o, s) {
+  const a = bt.get(o) || new AudioContext();
+  bt.set(o, a);
   const i = a.createGain();
   i.connect(a.destination), i.gain.value = 1;
   let n;
@@ -66,439 +66,469 @@ function Yt(o, s) {
      */
     playSprite(t) {
       this.stopCurrent();
-      const g = s[t];
-      if (!g.audioSprite) return;
+      const w = s[t];
+      if (!w.audioSprite) return;
       const m = a.createBufferSource();
-      return m.buffer = o, m.connect(i), m.start(0, g.audioSprite.start, g.duration), n = m, m;
+      return m.buffer = o, m.connect(i), m.start(0, w.audioSprite.start, w.duration), n = m, m;
     }
   };
 }
-function qt(o, s, a, i, n) {
+function ee(o, s, a, i, n) {
   const t = !i;
-  i ?? (i = new Lt()), t && (a.material = i), a.geometry.hasAttribute("landmarkIndex") || Vt(a);
-  const g = [], m = [], l = [];
-  let A = 0, M = 0;
-  for (let y = 0; y < s.length; y++) {
-    const v = s[y];
-    g.push(A, M, v.frames.length, v.fps), A += v.frames.length, M += v.frames.length * $, m.push(v.aspectRatio), l.push(y == 0 ? 0 : l[y - 1] + s[y - 1].frames.length);
+  i ?? (i = new jt()), t && (a.material = i), a.geometry.hasAttribute("landmarkIndex") || Xt(a);
+  const w = [], m = [], f = [];
+  let M = 0, C = 0, y = 0;
+  for (let g = 0; g < s.length; g++) {
+    const p = s[g];
+    w.push(M, C, p.frames.length, p.fps), M += p.frames.length, C += p.frames.length * Z, y += p.frames.length, m.push(p.aspectRatio), f.push(g == 0 ? 0 : f[g - 1] + s[g - 1].frames.length);
   }
-  const x = K(new Float32Array(m), "float"), f = K(new Uint32Array(g), "uvec4"), r = new Float32Array(s.flatMap((y) => y.frames).reduce((y, v) => (y.push(v.frameUV.u, v.frameUV.v, v.frameUV.w, v.frameUV.h), y), [])), e = K(r, "vec4"), c = new Float32Array(s.flatMap((y) => y.frames.flatMap((v) => [v.cropUV.u, v.cropUV.v, v.cropUV.w, v.cropUV.h]))), d = K(c, "vec4"), u = new Float32Array(s.flatMap((y) => y.landmarks.flatMap((v) => v.flatMap((z) => [z.x, z.y, z.z])))), w = K(u, "vec3"), p = mt(o), h = tt(0), U = tt(0), I = tt(!0), b = x.element(h), C = K(new Uint32Array(l), "uint"), k = U, P = C.element(h).add(k), N = e.element(f.element(h).x.add(k)), L = f.element(h).y.add(k.mul($)), W = zt("landmarkIndex", "uint").toUint(), G = L.add(W), D = w.element(G), X = d.element(P), S = D.xy.sub(X.xy).div(X.zw), B = Ft(N.xy.add(S.mul(N.zw))), F = mt(p, B);
-  i.colorNode = F;
-  const E = w.element(L.add(234)).xy, T = w.element(L.add(93)).xy, yt = w.element(L.add(454)).xy, lt = w.element(L.add(323)).xy, ft = E.sub(T).div(2).add(T), vt = yt.sub(lt).div(2).add(lt).sub(ft).div(2).add(ft), R = a.geometry.attributes.position, et = 116, nt = 346, xt = new _().subVectors(
-    new _(R.getX(et), R.getY(et), R.getZ(et)),
-    new _(R.getX(nt), R.getY(nt), R.getZ(nt))
-  ).lengthSq(), ot = 209, at = 429, At = tt(new _().addVectors(
-    new _(R.getX(ot), R.getY(ot), R.getZ(ot)),
-    new _(R.getX(at), R.getY(at), R.getZ(at))
-  ).multiplyScalar(0.5)), Mt = tt(xt), bt = w.element(L.add(nt)).sub(w.element(L.add(et))).lengthSq(), Ct = Mt.div(bt).sqrt(), It = D.sub(vt).xzy.mul(Et(1, -1, Pt(1).div(b))).mul(Ct).add(At);
-  i.positionNode = Ot(W.toUint().lessThanEqual($), It, jt);
-  let J = 0, O = 0, H, Y, rt = s[0].frames, st = !1, q = n ? Yt(n, s) : void 0, dt;
-  const V = {
+  const u = vt(new Float32Array(m), "float");
+  new Float32Array(s.flatMap((g) => g.frames).reduce((g, p) => (g.push(p.frameUV.u, p.frameUV.v, p.frameUV.w, p.frameUV.h), g), [])), new Float32Array(s.flatMap((g) => g.frames.flatMap((p) => [p.cropUV.u, p.cropUV.v, p.cropUV.w, p.cropUV.h])));
+  const r = s.flatMap((g) => g.frames), e = new Float32Array(
+    r.reduce((g, p) => (g.push(p.frameUV.u, p.frameUV.v, p.frameUV.w, p.frameUV.h), g), []).concat(
+      r.reduce((g, p) => (g.push(p.cropUV.u, p.cropUV.v, p.cropUV.w, p.cropUV.h), g), [])
+    )
+  ), l = 0.25, d = 0.75, c = new wt(
+    e,
+    y,
+    2,
+    Ut,
+    yt
+  );
+  c.flipY = !1, c.magFilter = ot, c.minFilter = ot, c.needsUpdate = !0;
+  const v = new Float32Array(s.flatMap((g) => g.landmarks.flatMap((p) => p.flatMap((L) => [L.x, L.y, L.z, 0])))), h = Z, U = y, x = new wt(
+    v,
+    h,
+    U,
+    Ut,
+    yt
+  );
+  x.flipY = !1, x.magFilter = ot, x.minFilter = ot, x.needsUpdate = !0;
+  const I = J(o), b = tt(0), A = tt(0), B = tt(!0), j = u.element(b), K = vt(new Float32Array(f), "float"), G = A, D = K.element(b).add(G), W = J(c, lt(D.add(0.5).div(y), l)), X = _t("landmarkIndex", "float").toInt(), $ = xt(X), R = (g) => {
+    const p = Zt(g).toFloat(), L = D.toFloat().add(0.5), ct = p.div(h).add(0.5 / h), z = L.div(U).add(0.5 / U), T = J(x, lt(ct, z));
+    return At(
+      T.x,
+      T.y,
+      T.z
+    );
+  }, F = R($), k = J(c, lt(D.add(0.5).div(y), d)), P = F.xy.sub(k.xy).div(k.zw), E = xt(W.xy.add(P.mul(W.zw))), O = J(I, E);
+  i.colorNode = O;
+  const kt = R(234).xy, ut = R(93).xy, Lt = R(454).xy, mt = R(323).xy, ht = kt.sub(ut).div(2).add(ut), Bt = Lt.sub(mt).div(2).add(mt).sub(ht).div(2).add(ht), V = a.geometry.attributes.position, et = 116, nt = 346, Ft = new q().subVectors(
+    new q(V.getX(et), V.getY(et), V.getZ(et)),
+    new q(V.getX(nt), V.getY(nt), V.getZ(nt))
+  ).lengthSq(), at = 209, rt = 429, Tt = tt(new q().addVectors(
+    new q(V.getX(at), V.getY(at), V.getZ(at)),
+    new q(V.getX(rt), V.getY(rt), V.getZ(rt))
+  ).multiplyScalar(0.5)), St = tt(Ft), zt = R(nt).sub(R(et)).lengthSq(), Pt = St.div(zt).sqrt(), Et = F.sub(Bt).xzy.mul(At(1, -1, Ht(1).div(j))).mul(Pt).add(Tt);
+  i.positionNode = Yt(X.toUint().lessThanEqual(Z), Et, qt);
+  let Q = 0, N = 0, _, H, st = s[0].frames, it = !1, Y = n ? te(n, s) : void 0, pt;
+  const S = {
     muted: !1,
     clips: s,
     atlasTexture: o,
     material: i,
-    getLastKnownFaceTransform: () => dt,
-    goto(y, v = !0, z, Rt = !0) {
-      var ut;
-      let j = -1;
-      if (typeof y == "number")
-        j = y;
-      else if (j = s.findIndex((kt) => kt.name === y), j === -1)
-        throw new Error(`Clip ${y.toString()} not found`);
-      I.value = v, U.value = 0, h.value = j;
-      const Z = s[j];
-      H = Z, rt = Z.frames, J = Z.duration, O = 0, Y = z, st = !0, q && (q.stopCurrent(), Rt && !V.muted && Z.audioSprite && (q.playSprite(j), (ut = V.playClipAudioHook) == null || ut.call(V, j, Z.audioSprite.start, Z.duration)));
+    getLastKnownFaceTransform: () => pt,
+    goto(g, p = !0, L, ct = !0) {
+      var gt;
+      let z = -1;
+      if (typeof g == "number")
+        z = g;
+      else if (z = s.findIndex((Ot) => Ot.name === g), z === -1)
+        throw new Error(`Clip ${g.toString()} not found`);
+      B.value = p, A.value = 0, b.value = z;
+      const T = s[z];
+      _ = T, st = T.frames, Q = T.duration, N = 0, H = L, it = !0, Y && (Y.stopCurrent(), ct && !S.muted && T.audioSprite && (Y.playSprite(z), (gt = S.playClipAudioHook) == null || gt.call(S, z, T.audioSprite.start, T.duration)));
     },
-    update(y) {
-      var v;
-      if (st) {
-        if (O += y, U.value = Zt(rt, O, U.value), dt = rt[U.value].transformMatrix, I.value)
-          O >= J && (O -= J, U.value = 0, V.muted || (q == null || q.playSprite(h.value), H != null && H.audioSprite && ((v = V.playClipAudioHook) == null || v.call(V, h.value, H.audioSprite.start, H.duration))), Y == null || Y(O));
-        else if (O >= J) {
-          const z = Y;
-          Y = void 0, z == null || z(J);
+    update(g) {
+      var p;
+      if (it) {
+        if (N += g, A.value = ne(st, N, A.value), pt = st[A.value].transformMatrix, B.value)
+          N >= Q && (N -= Q, A.value = 0, S.muted || (Y == null || Y.playSprite(b.value), _ != null && _.audioSprite && ((p = S.playClipAudioHook) == null || p.call(S, b.value, _.audioSprite.start, _.duration))), H == null || H(N));
+        else if (N >= Q) {
+          const L = H;
+          H = void 0, L == null || L(Q);
         }
       }
     },
     dispose() {
       o.dispose(), i.dispose();
     },
-    gotoAndLoop(y, v) {
-      this.goto(y, !0, v);
+    gotoAndLoop(g, p) {
+      this.goto(g, !0, p);
     },
-    gotoAndPlay(y, v) {
-      this.goto(y, !1, v);
+    gotoAndPlay(g, p) {
+      this.goto(g, !1, p);
     },
-    gotoAndStop(y, v = 0) {
-      this.goto(y, !1, void 0, !1), U.value = v, st = !1;
+    gotoAndStop(g, p = 0) {
+      this.goto(g, !1, void 0, !1), A.value = p, it = !1;
     }
   };
-  return V;
+  return S;
 }
-function Zt(o, s, a) {
+function ne(o, s, a) {
   for (; a < o.length - 1 && o[a + 1].startTime <= s; )
     a++;
   return a;
 }
-async function _t(o, s = !0) {
-  const a = await Ut(o, s);
+async function oe(o, s = !0) {
+  const a = await Rt(o, s);
   return new Promise((i, n) => {
-    St(new Uint8Array(a), { level: 9 }, (t, g) => {
+    Nt(new Uint8Array(a), { level: 9 }, (t, w) => {
       if (t) return n(t);
-      const m = new Blob([g], { type: "application/octet-stream" });
+      const m = new Blob([w], { type: "application/octet-stream" });
       i(m);
     });
   });
 }
-async function Ut(o, s = !0) {
-  const a = new TextEncoder(), i = o.clips.length, n = o.clips.map((c) => a.encode(c.name)), t = 9, g = n.reduce((c, d, u) => {
-    const w = o.clips[u].frames.length, p = 1 + d.byteLength, h = 2, U = 1, I = 1, b = 1, C = 16;
-    let k = $ * 6;
-    return c + p + h + U + I + b + (C + k) * w;
-  }, 0), m = o.clips.reduce((c, d) => c + 2 + 2, 0), l = o.clips.reduce((c, d) => c + d.frames.length * 2, 0), A = o.clips.reduce((c, d) => c + d.frames.length * 64, 0), x = t + g + m + l + 3 & -4, f = new ArrayBuffer(x + A), r = new DataView(f);
+async function Rt(o, s = !0) {
+  const a = new TextEncoder(), i = o.clips.length, n = o.clips.map((l) => a.encode(l.name)), t = 9, w = n.reduce((l, d, c) => {
+    const v = o.clips[c].frames.length, h = 1 + d.byteLength, U = 2, x = 1, I = 1, b = 1, A = 16;
+    let B = Z * 6;
+    return l + h + U + x + I + b + (A + B) * v;
+  }, 0), m = o.clips.reduce((l, d) => l + 2 + 2, 0), f = o.clips.reduce((l, d) => l + d.frames.length * 2, 0), M = o.clips.reduce((l, d) => l + d.frames.length * 64, 0), y = t + w + m + f + 3 & -4, u = new ArrayBuffer(y + M), r = new DataView(u);
   let e = 0;
-  r.setUint32(e, wt), e += 4, r.setUint8(e, Wt), e += 1, r.setUint8(e, o.clips.length), e += 1, r.setUint16(e, o.atlasSize), e += 2, r.setUint8(e, o.padding), e += 1;
-  for (let c = 0; c < i; c++) {
-    r.setUint8(e, n[c].byteLength), e += 1, new Uint8Array(f, e, n[c].byteLength).set(n[c]), e += n[c].byteLength, r.setUint16(e, o.clips[c].frames.length), e += 2, r.setUint8(e, o.clips[c].fps), e += 1, r.setUint8(e, Math.round(o.clips[c].scale * 100)), e += 1, r.setUint8(e, Math.round(o.clips[c].aspectRatio * 100)), e += 1;
-    const d = o.clips[c];
-    for (let u = 0; u < d.frames.length; u++) {
-      const w = d.frames[u].cropUV, p = d.frames[u].frameUV, h = 1e4;
-      r.setUint16(e, Math.round(p.u * h)), e += 2, r.setUint16(e, Math.round(p.v * h)), e += 2, r.setUint16(e, Math.round(p.w * h)), e += 2, r.setUint16(e, Math.round(p.h * h)), e += 2, r.setUint16(e, Math.round(w.u * h)), e += 2, r.setUint16(e, Math.round(w.v * h)), e += 2, r.setUint16(e, Math.round(w.w * h)), e += 2, r.setUint16(e, Math.round(w.h * h)), e += 2;
-      const U = d.landmarks[u], I = u > 0 ? d.landmarks[u - 1] : null;
-      U.reduce((b, C) => Math.max(b, Math.abs(C.z)), 0);
-      for (let b = 0; b < $; b++) {
-        const C = Math.round(U[b].x * 1e3), k = Math.round(U[b].y * 1e3), P = Math.round(U[b].z * 1e3);
+  r.setUint32(e, It), e += 4, r.setUint8(e, Gt), e += 1, r.setUint8(e, o.clips.length), e += 1, r.setUint16(e, o.atlasSize), e += 2, r.setUint8(e, o.padding), e += 1;
+  for (let l = 0; l < i; l++) {
+    r.setUint8(e, n[l].byteLength), e += 1, new Uint8Array(u, e, n[l].byteLength).set(n[l]), e += n[l].byteLength, r.setUint16(e, o.clips[l].frames.length), e += 2, r.setUint8(e, o.clips[l].fps), e += 1, r.setUint8(e, Math.round(o.clips[l].scale * 100)), e += 1, r.setUint8(e, Math.round(o.clips[l].aspectRatio * 100)), e += 1;
+    const d = o.clips[l];
+    for (let c = 0; c < d.frames.length; c++) {
+      const v = d.frames[c].cropUV, h = d.frames[c].frameUV, U = 1e4;
+      r.setUint16(e, Math.round(h.u * U)), e += 2, r.setUint16(e, Math.round(h.v * U)), e += 2, r.setUint16(e, Math.round(h.w * U)), e += 2, r.setUint16(e, Math.round(h.h * U)), e += 2, r.setUint16(e, Math.round(v.u * U)), e += 2, r.setUint16(e, Math.round(v.v * U)), e += 2, r.setUint16(e, Math.round(v.w * U)), e += 2, r.setUint16(e, Math.round(v.h * U)), e += 2;
+      const x = d.landmarks[c], I = c > 0 ? d.landmarks[c - 1] : null;
+      x.reduce((b, A) => Math.max(b, Math.abs(A.z)), 0);
+      for (let b = 0; b < Z; b++) {
+        const A = Math.round(x[b].x * 1e3), B = Math.round(x[b].y * 1e3), j = Math.round(x[b].z * 1e3);
         if (s)
           if (I === null)
-            r.setUint16(e, C), e += 2, r.setUint16(e, k), e += 2, r.setInt16(e, P), e += 2;
+            r.setUint16(e, A), e += 2, r.setUint16(e, B), e += 2, r.setInt16(e, j), e += 2;
           else {
-            const N = Math.round(I[b].x * 1e3), L = Math.round(I[b].y * 1e3), W = Math.round(I[b].z * 1e3), G = C - N, D = k - L, X = P - W;
-            r.setInt16(e, G), e += 2, r.setInt16(e, D), e += 2, r.setInt16(e, X), e += 2;
+            const K = Math.round(I[b].x * 1e3), G = Math.round(I[b].y * 1e3), D = Math.round(I[b].z * 1e3), W = A - K, X = B - G, $ = j - D;
+            r.setInt16(e, W), e += 2, r.setInt16(e, X), e += 2, r.setInt16(e, $), e += 2;
           }
         else
-          r.setUint16(e, C), e += 2, r.setUint16(e, k), e += 2, r.setInt16(e, P), e += 2;
+          r.setUint16(e, A), e += 2, r.setUint16(e, B), e += 2, r.setInt16(e, j), e += 2;
       }
     }
   }
-  for (let c = 0; c < i; c++) {
-    const d = o.clips[c];
+  for (let l = 0; l < i; l++) {
+    const d = o.clips[l];
     r.setUint16(e, Math.round(d.duration * 1e3)), e += 2, d.audioSprite ? r.setUint16(e, Math.round(d.audioSprite.start * 1e3)) : r.setUint16(e, 1), e += 2;
   }
-  for (let c = 0; c < i; c++) {
-    const d = o.clips[c];
-    let u = 0;
-    for (const w of d.frames) {
-      const p = Math.floor((w.startTime - u) * 1e3);
-      r.setUint16(e, p), e += 2, u = w.startTime;
+  for (let l = 0; l < i; l++) {
+    const d = o.clips[l];
+    let c = 0;
+    for (const v of d.frames) {
+      const h = Math.floor((v.startTime - c) * 1e3);
+      r.setUint16(e, h), e += 2, c = v.startTime;
     }
   }
   e = e + 3 & -4;
-  for (let c = 0; c < i; c++) {
-    const d = o.clips[c];
-    for (const u of d.frames)
-      u.transformMatrix ? u.transformMatrix.toArray(new Float32Array(f, e, 16)) : new Float32Array(f, e, 16).fill(0), e += 64;
+  for (let l = 0; l < i; l++) {
+    const d = o.clips[l];
+    for (const c of d.frames)
+      c.transformMatrix ? c.transformMatrix.toArray(new Float32Array(u, e, 16)) : new Float32Array(u, e, 16).fill(0), e += 64;
   }
-  return f;
+  return u;
 }
-async function ie(o) {
+async function pe(o) {
   if (typeof o == "string") {
     const a = await (await fetch(o)).arrayBuffer();
-    return it(a);
+    return ft(a);
   } else
     return new Promise((s, a) => {
       const i = new FileReader();
       i.onload = (n) => {
         const t = n.target.result;
-        s(it(t));
+        s(ft(t));
       }, i.onerror = (n) => {
         a(n);
       }, i.readAsArrayBuffer(o);
     });
 }
-async function it(o, s = !0) {
+async function ft(o, s = !0) {
   let a = !1;
-  const i = s ? await new Promise((f, r) => {
-    Tt(new Uint8Array(o), (e, c) => {
-      e ? r(e) : f(c);
+  const i = s ? await new Promise((u, r) => {
+    Wt(new Uint8Array(o), (e, l) => {
+      e ? r(e) : u(l);
     });
   }) : new Uint8Array(o), n = new DataView(i.buffer);
   let t = 0;
-  const g = n.getUint32(t);
-  if (t += 4, g !== wt) throw new Error("Invalid file: not a MCAP file");
+  const w = n.getUint32(t);
+  if (t += 4, w !== It) throw new Error("Invalid file: not a MCAP file");
   const m = n.getUint8(t);
   t += 1;
-  const l = n.getUint8(t);
+  const f = n.getUint8(t);
   t += 1;
-  const A = n.getUint16(t);
+  const M = n.getUint16(t);
   t += 2;
-  const M = n.getUint8(t);
+  const C = n.getUint8(t);
   t += 1;
-  const x = [];
-  for (let f = 0; f < l; f++) {
+  const y = [];
+  for (let u = 0; u < f; u++) {
     const r = n.getUint8(t);
     t += 1;
-    const e = new Uint8Array(i.buffer, t, r), c = new TextDecoder().decode(e);
+    const e = new Uint8Array(i.buffer, t, r), l = new TextDecoder().decode(e);
     t += r;
     const d = m >= 3 ? n.getUint16(t) : n.getUint8(t);
     t += m >= 3 ? 2 : 1;
-    const u = n.getUint8(t);
+    const c = n.getUint8(t);
     t += 1;
-    const w = n.getUint8(t) / 100;
+    const v = n.getUint8(t) / 100;
     t += 1;
-    const p = n.getUint8(t) / 100;
+    const h = n.getUint8(t) / 100;
     t += 1;
-    const h = [], U = [], I = [];
+    const U = [], x = [], I = [];
     for (let b = 0; b < d; b++) {
-      const C = m < 3 ? 1e3 : 1e4, k = n.getUint16(t) / C;
+      const A = m < 3 ? 1e3 : 1e4, B = n.getUint16(t) / A;
       t += 2;
-      const P = n.getUint16(t) / C;
+      const j = n.getUint16(t) / A;
       t += 2;
-      const N = n.getUint16(t) / C;
+      const K = n.getUint16(t) / A;
       t += 2;
-      const L = n.getUint16(t) / C;
-      t += 2, h.push({ u: k, v: P, w: N, h: L });
-      const W = n.getUint16(t) / C;
+      const G = n.getUint16(t) / A;
+      t += 2, U.push({ u: B, v: j, w: K, h: G });
+      const D = n.getUint16(t) / A;
       t += 2;
-      const G = n.getUint16(t) / C;
+      const W = n.getUint16(t) / A;
       t += 2;
-      const D = n.getUint16(t) / C;
+      const X = n.getUint16(t) / A;
       t += 2;
-      const X = n.getUint16(t) / C;
-      t += 2, I.push({ u: W, v: G, w: D, h: X });
-      const Q = [], S = b > 0 ? U[b - 1] : null;
-      for (let B = 0; B < $; B++)
-        if (S === null) {
-          const F = n.getUint16(t) / 1e3;
+      const $ = n.getUint16(t) / A;
+      t += 2, I.push({ u: D, v: W, w: X, h: $ });
+      const R = [], F = b > 0 ? x[b - 1] : null;
+      for (let k = 0; k < Z; k++)
+        if (F === null) {
+          const P = n.getUint16(t) / 1e3;
           t += 2;
           const E = n.getUint16(t) / 1e3;
           t += 2;
-          const T = n.getInt16(t) / 1e3;
-          t += 2, Q.push({ x: F, y: E, z: T });
+          const O = n.getInt16(t) / 1e3;
+          t += 2, R.push({ x: P, y: E, z: O });
         } else {
-          let F, E, T;
-          m < 3 ? (F = n.getInt8(t) / 1e3, t += 1, E = n.getInt8(t) / 1e3, t += 1, T = n.getInt8(t) / 1e3, t += 1, Q.push({
-            x: S[B].x + F,
-            y: S[B].y + E,
-            z: S[B].z + T
-          })) : (F = n.getInt16(t) / 1e3, t += 2, E = n.getInt16(t) / 1e3, t += 2, T = n.getInt16(t) / 1e3, t += 2, Q.push({
-            x: S[B].x + F,
-            y: S[B].y + E,
-            z: S[B].z + T
+          let P, E, O;
+          m < 3 ? (P = n.getInt8(t) / 1e3, t += 1, E = n.getInt8(t) / 1e3, t += 1, O = n.getInt8(t) / 1e3, t += 1, R.push({
+            x: F[k].x + P,
+            y: F[k].y + E,
+            z: F[k].z + O
+          })) : (P = n.getInt16(t) / 1e3, t += 2, E = n.getInt16(t) / 1e3, t += 2, O = n.getInt16(t) / 1e3, t += 2, R.push({
+            x: F[k].x + P,
+            y: F[k].y + E,
+            z: F[k].z + O
           }));
         }
-      U.push(Q);
+      x.push(R);
     }
-    x.push({
-      name: c,
-      fps: u,
-      scale: w,
-      aspectRatio: p,
-      frames: I.map((b, C) => ({
+    y.push({
+      name: l,
+      fps: c,
+      scale: v,
+      aspectRatio: h,
+      frames: I.map((b, A) => ({
         cropUV: b,
-        frameUV: h[C],
-        startTime: C / u
+        frameUV: U[A],
+        startTime: A / c
         //<-- default for versions sub 2...
       })),
-      landmarks: U,
-      duration: d / u
+      landmarks: x,
+      duration: d / c
       // default for versions sub 2...
     });
   }
   if (m >= 2) {
-    for (let f = 0; f < x.length; f++) {
+    for (let u = 0; u < y.length; u++) {
       let r = n.getUint16(t);
-      t += 2, x[f].duration = r / 1e3;
+      t += 2, y[u].duration = r / 1e3;
       let e = n.getUint16(t);
-      t += 2, e === 1 ? console.log("Clip " + f + " has no audio") : (e /= 1e3, x[f].audioSprite = { start: e }, a = !0, console.log("MCAP AUDIO CLIP;", e, "Duration: ", r / 1e3));
+      t += 2, e === 1 ? console.log("Clip " + u + " has no audio") : (e /= 1e3, y[u].audioSprite = { start: e }, a = !0, console.log("MCAP AUDIO CLIP;", e, "Duration: ", r / 1e3));
     }
-    for (let f = 0; f < x.length; f++) {
-      const r = x[f];
+    for (let u = 0; u < y.length; u++) {
+      const r = y[u];
       let e = 0;
-      for (let c = 0; c < r.frames.length; c++) {
+      for (let l = 0; l < r.frames.length; l++) {
         const d = m < 3 ? n.getUint8(t) : n.getUint16(t);
         t += m < 3 ? 1 : 2;
-        const u = e + d / 1e3;
-        r.frames[c].startTime = u, e = u;
+        const c = e + d / 1e3;
+        r.frames[l].startTime = c, e = c;
       }
     }
     if (m >= 3) {
       t = t + 3 & -4;
-      for (let f = 0; f < x.length; f++) {
-        const r = x[f];
+      for (let u = 0; u < y.length; u++) {
+        const r = y[u];
         for (let e = 0; e < r.frames.length; e++) {
-          const c = new Float32Array(n.buffer, t, 16);
-          t += 64, r.frames[e].transformMatrix = new Bt().fromArray(c);
+          const l = new Float32Array(n.buffer, t, 16);
+          t += 64, r.frames[e].transformMatrix = new Dt().fromArray(l);
         }
       }
     }
   }
   return {
-    clips: x,
+    clips: y,
     version: m,
-    atlasSize: A,
-    atlasPadding: M,
-    async unpackClips(f, r) {
-      let e, c = !0, d, u;
-      if (f instanceof HTMLCanvasElement)
-        c = !1, e = f, u = e.getContext("2d");
+    atlasSize: M,
+    atlasPadding: C,
+    async unpackClips(u, r) {
+      let e, l = !0, d, c;
+      if (u instanceof HTMLCanvasElement)
+        l = !1, e = u, c = e.getContext("2d");
       else {
-        let p = new Image();
-        if (typeof f == "string")
-          p.src = f;
-        else if (f instanceof File || f instanceof Blob) {
-          const h = URL.createObjectURL(f);
-          p.src = h, await new Promise((U, I) => {
-            p.onload = () => {
-              URL.revokeObjectURL(h), U();
-            }, p.onerror = I;
+        let h = new Image();
+        if (typeof u == "string")
+          h.src = u;
+        else if (u instanceof File || u instanceof Blob) {
+          const U = URL.createObjectURL(u);
+          h.src = U, await new Promise((x, I) => {
+            h.onload = () => {
+              URL.revokeObjectURL(U), x();
+            }, h.onerror = I;
           });
-        } else f instanceof HTMLImageElement && (p = f);
-        (!p.complete || !p.naturalWidth) && await new Promise((h, U) => {
-          p.onload = () => h(), p.onerror = U;
-        }), e = document.createElement("canvas"), e.width = p.width, e.height = p.height, u = e.getContext("2d"), u.drawImage(p, 0, 0);
+        } else u instanceof HTMLImageElement && (h = u);
+        (!h.complete || !h.naturalWidth) && await new Promise((U, x) => {
+          h.onload = () => U(), h.onerror = x;
+        }), e = document.createElement("canvas"), e.width = h.width, e.height = h.height, c = e.getContext("2d"), c.drawImage(h, 0, 0);
       }
-      const w = x.map((p) => ({
-        ...p,
-        frames: p.frames.map((h) => {
-          const U = document.createElement("canvas");
-          return U.width = h.frameUV.w * e.width, U.height = h.frameUV.h * e.height, U.getContext("2d").drawImage(
+      const v = y.map((h) => ({
+        ...h,
+        frames: h.frames.map((U) => {
+          const x = document.createElement("canvas");
+          return x.width = U.frameUV.w * e.width, x.height = U.frameUV.h * e.height, x.getContext("2d").drawImage(
             e,
-            h.frameUV.u * e.width,
-            h.frameUV.v * e.height,
-            h.frameUV.w * e.width,
-            h.frameUV.h * e.height,
+            U.frameUV.u * e.width,
+            U.frameUV.v * e.height,
+            U.frameUV.w * e.width,
+            U.frameUV.h * e.height,
             0,
             0,
-            U.width,
-            U.height
+            x.width,
+            x.height
           ), {
-            canvas: U,
-            cropUV: h.cropUV,
-            startTime: h.startTime
+            canvas: x,
+            cropUV: U.cropUV,
+            startTime: U.startTime,
+            transformMatrix: U.transformMatrix
           };
         })
       }));
-      return c && e.remove(), a && (r ? d = await Xt(r, w) : console.warn("This mcap file uses an audio atlas, but no audio atlas file was provided.")), {
-        clips: w,
+      return l && e.remove(), a && (r ? d = await Qt(r, v) : console.warn("This mcap file uses an audio atlas, but no audio atlas file was provided.")), {
+        clips: v,
         audioAtlas: d
       };
     },
-    createMaterialHandlerOnMesh(f, r, e, c) {
-      return qt(r, x, f, e, c);
+    createMaterialHandlerOnMesh(u, r, e, l) {
+      return ee(r, y, u, e, l);
     }
   };
 }
-async function ce(o) {
-  const s = await Ut(o);
-  return it(s, !1);
+async function ge(o) {
+  const s = await Rt(o);
+  return ft(s, !1);
 }
-function Kt(o) {
-  const s = $t(o), a = [], i = [];
+function ae(o) {
+  const s = re(o), a = [], i = [];
   let n = 0;
-  const t = [...o].sort((l, A) => A.height - l.height);
-  for (const l of t) {
-    let A = !1;
-    for (const M of a)
-      if (l.width <= s - M.currentX && l.height <= M.height) {
+  const t = [...o].sort((f, M) => M.height - f.height);
+  for (const f of t) {
+    let M = !1;
+    for (const C of a)
+      if (f.width <= s - C.currentX && f.height <= C.height) {
         i.push({
-          ...l,
-          x: M.currentX,
-          y: M.y
-        }), M.currentX += l.width, A = !0;
+          ...f,
+          x: C.currentX,
+          y: C.y
+        }), C.currentX += f.width, M = !0;
         break;
       }
-    if (!A) {
-      const M = {
+    if (!M) {
+      const C = {
         y: n,
-        height: l.height,
-        currentX: l.width
+        height: f.height,
+        currentX: f.width
       };
-      a.push(M), i.push({
-        ...l,
+      a.push(C), i.push({
+        ...f,
         x: 0,
         y: n
-      }), n += l.height;
+      }), n += f.height;
     }
   }
-  const g = a.length > 0 ? Math.max(...a.map((l) => l.currentX)) : 0, m = n;
+  const w = a.length > 0 ? Math.max(...a.map((f) => f.currentX)) : 0, m = n;
   return {
     packed: i,
-    width: Math.max(g, s),
+    width: Math.max(w, s),
     height: m
   };
 }
-function $t(o) {
+function re(o) {
   if (o.length === 0) return 1;
   const s = o.reduce((n, t) => n + t.width * t.height, 0);
   let a = Math.ceil(Math.sqrt(s));
   const i = Math.max(...o.map((n) => n.width));
-  return a = Math.max(a, i), a = Gt(a), a;
+  return a = Math.max(a, i), a = Vt(a), a;
 }
-function Gt(o) {
+function Vt(o) {
   return Math.pow(2, Math.ceil(Math.log2(o)));
 }
-const Qt = 20;
-function le(o, s, a = 0) {
-  const i = o.flatMap((d) => d.frames.map((u) => u.canvas)), n = Array.from(i.entries()).map(([d, u]) => ({
+const se = 20;
+function we(o, s, a = 0) {
+  const i = o.flatMap((d) => d.frames.map((c) => c.canvas)), n = Array.from(i.entries()).map(([d, c]) => ({
     id: d,
     // index of the frame after all the frames from all the clips have been flattened
-    width: u.width + a * 2,
-    height: u.height + a * 2
-  })), t = Kt(n), g = t.height, m = t.width, l = Math.min(1, s / m, s / g), A = Math.floor(m * l), M = Math.floor(g * l) + Qt, x = document.createElement("canvas");
-  x.width = A, x.height = M;
-  const f = x.getContext("2d");
-  f.fillStyle = "#000000", f.fillRect(0, 0, x.width, x.height);
+    width: c.width + a * 2,
+    height: c.height + a * 2
+  })), t = ae(n), w = t.height, m = t.width, f = Math.min(1, s / m, s / w), M = Math.floor(m * f), C = Vt(Math.floor(w * f) + se), y = document.createElement("canvas");
+  y.width = M, y.height = C;
+  const u = y.getContext("2d");
+  u.fillStyle = "#000000", u.fillRect(0, 0, y.width, y.height);
   const r = [];
   for (const d of t.packed) {
-    const u = i[d.id], w = d.x + a, p = d.y + a, h = u.width, U = u.height;
-    f.drawImage(u, w * l, p * l, h * l, U * l), r[d.id] = {
-      u: w * l / A,
-      v: p * l / M,
-      w: h * l / A,
-      h: U * l / M
+    const c = i[d.id], v = d.x + a, h = d.y + a, U = c.width, x = c.height;
+    u.drawImage(c, v * f, h * f, U * f, x * f), r[d.id] = {
+      u: v * f / M,
+      v: h * f / C,
+      w: U * f / M,
+      h: x * f / C
     };
   }
   const e = [];
-  let c = 0;
+  let l = 0;
   for (const d of o) {
-    const u = {
+    const c = {
       ...d,
       frames: []
     };
-    for (const w of d.frames)
-      u.frames.push({
-        frameUV: r[c++],
-        cropUV: w.cropUV,
-        startTime: w.startTime,
-        transformMatrix: w.transformMatrix
+    for (const v of d.frames)
+      c.frames.push({
+        frameUV: r[l++],
+        cropUV: v.cropUV,
+        startTime: v.startTime,
+        transformMatrix: v.transformMatrix
       });
-    e.push(u);
+    e.push(c);
   }
-  return f.font = `${Math.max(6, Math.floor(12))}px monospace`, f.fillStyle = "#ff0000", f.fillText("Created with MeshCap : https://bandinopla.github.io/three-mediapipe-rig/?editor=meshcap", 0, M - 4), {
-    canvas: x,
+  return u.font = `${Math.max(6, Math.floor(12))}px monospace`, u.fillStyle = "#ff0000", u.fillText("Created with MeshCap : https://bandinopla.github.io/three-mediapipe-rig/?editor=meshcap", 0, C - 4), {
+    canvas: y,
     clips: e,
     padding: a,
     atlasSize: s,
     async save(d) {
-      const u = await _t(this);
+      const c = await oe(this);
       if (d) {
-        const w = URL.createObjectURL(u), p = document.createElement("a");
-        p.href = w, p.download = "atlas.mcap", p.click(), URL.revokeObjectURL(w), p.remove();
+        const v = URL.createObjectURL(c), h = document.createElement("a");
+        h.href = v, h.download = "atlas.mcap", h.click(), URL.revokeObjectURL(v), h.remove();
       }
-      return u;
+      return c;
     },
-    async saveImageAtlas(d, u) {
-      const w = document.createElement("a");
-      w.download = u ? "atlas.jpg" : "atlas.png";
-      let p = this.canvas;
+    async saveImageAtlas(d, c) {
+      const v = document.createElement("a");
+      v.download = c ? "atlas.jpg" : "atlas.png";
+      let h = this.canvas;
       if (d)
-        return await Jt(p, d, u);
-      w.href = p.toDataURL(u ? "image/jpeg" : "image/png", u ? 0.8 : 1), w.click();
+        return await ie(h, d, c);
+      v.href = h.toDataURL(c ? "image/jpeg" : "image/png", c ? 0.8 : 1), v.click();
     }
   };
 }
-function ct(o, s) {
+function dt(o, s) {
   const a = new Uint8Array(o);
   let i = 0;
   for (let n = 0; n < s.length; n++)
@@ -507,66 +537,66 @@ function ct(o, s) {
     a[n] ^= i;
   return a;
 }
-async function Jt(o, s, a) {
-  const n = await (await new Promise((A) => o.toBlob(A, a ? "image/jpeg" : "image/png", a ? 0.8 : 1))).arrayBuffer(), t = ct(n, s), g = new Blob([t], { type: "application/octet-stream" }), m = URL.createObjectURL(g), l = document.createElement("a");
-  l.href = m, l.download = "atlas.mcatlas", l.click(), URL.revokeObjectURL(m);
+async function ie(o, s, a) {
+  const n = await (await new Promise((M) => o.toBlob(M, a ? "image/jpeg" : "image/png", a ? 0.8 : 1))).arrayBuffer(), t = dt(n, s), w = new Blob([t], { type: "application/octet-stream" }), m = URL.createObjectURL(w), f = document.createElement("a");
+  f.href = m, f.download = "atlas.mcatlas", f.click(), URL.revokeObjectURL(m);
 }
-async function fe(o, s) {
+async function Ue(o, s) {
   if (typeof o == "string")
     if (o.endsWith(".mcatlas")) {
       const i = await (await fetch(o)).arrayBuffer();
-      return await gt(i, s);
+      return await Ct(i, s);
     } else
-      return new pt().loadAsync(o);
+      return new Mt().loadAsync(o);
   else {
     if (o.name.endsWith(".mcatlas"))
       return new Promise((i, n) => {
         const t = new FileReader();
-        t.onload = (g) => {
-          const m = g.target.result;
-          i(gt(m, s));
-        }, t.onerror = (g) => {
-          n(g);
+        t.onload = (w) => {
+          const m = w.target.result;
+          i(Ct(m, s));
+        }, t.onerror = (w) => {
+          n(w);
         }, t.readAsArrayBuffer(o);
       });
     const a = URL.createObjectURL(o);
     return await new Promise((i, n) => {
-      new pt().load(a, i, void 0, n);
+      new Mt().load(a, i, void 0, n);
     });
   }
 }
-async function gt(o, s) {
+async function Ct(o, s) {
   if (!s)
     throw new Error("No passphrase provided");
-  const a = ct(o, s), i = new Blob([a], { type: "image/png" }), n = URL.createObjectURL(i), t = document.createElement("img");
-  await new Promise((m, l) => {
-    t.onload = () => m(), t.onerror = l, t.src = n;
+  const a = dt(o, s), i = new Blob([a], { type: "image/png" }), n = URL.createObjectURL(i), t = document.createElement("img");
+  await new Promise((m, f) => {
+    t.onload = () => m(), t.onerror = f, t.src = n;
   });
-  const g = new Nt(t);
-  return g.needsUpdate = !0, g;
+  const w = new Kt(t);
+  return w.needsUpdate = !0, w;
 }
-async function de(o, s) {
+async function ye(o, s) {
   const a = document.createElement("canvas");
   a.width = o.width, a.height = o.height, a.getContext("2d").drawImage(o, 0, 0);
-  const n = await new Promise((g, m) => {
-    a.toBlob((l) => {
-      if (!l) {
+  const n = await new Promise((w, m) => {
+    a.toBlob((f) => {
+      if (!f) {
         m(new Error("Failed to create blob"));
         return;
       }
-      g(l.arrayBuffer());
+      w(f.arrayBuffer());
     }, "image/jpeg", 0.75);
-  }), t = ct(n, s);
+  }), t = dt(n, s);
   return new Blob([t], { type: "application/octet-stream" });
 }
 export {
-  Ht as audioBufferToWav,
-  le as buildMeshCapAtlas,
-  Yt as createAudioAtlasPlayer,
-  qt as createMeshCapMaterial,
-  Xt as extractAudioSprites,
-  ie as loadMeshCapFile,
-  fe as loadMeshcapAtlas,
-  de as obfuscateImage,
-  ce as readAsMCapFile
+  Jt as audioBufferToWav,
+  we as buildMeshCapAtlas,
+  te as createAudioAtlasPlayer,
+  ee as createMeshCapMaterial,
+  Qt as extractAudioSprites,
+  pe as loadMeshCapFile,
+  Ue as loadMeshcapAtlas,
+  ye as obfuscateImage,
+  ge as readAsMCapFile
 };

package/dist/rigger.js

@@ -6,20 +6,20 @@ 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 { uniform as U, attribute as _e, instancedArray as Ce, varying as De, vec3 as Ue, float as ze, select as Be, positionLocal as Ie, texture as He, vec2 as Ge } from "three/tsl";
+import { c as qe, F as ee } from "./face-tracker-utils-BYPHYWo9.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);
+const B = 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));
+  c.getWorldPosition(te), c.getWorldQuaternion(I), B.subVectors(e, te).normalize(), se.copy(o).applyQuaternion(I);
+  const n = se, a = Ye.copy(oe).applyQuaternion(I), r = B.clone().addScaledVector(a, -B.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 B = new p.Vector3(), _ = new p.Vector3(), H = new p.Vector3();
+const z = new p.Vector3(), _ = new p.Vector3(), H = new p.Vector3();
 new p.Vector3();
 class j {
   constructor(s, e) {
@@ -36,10 +36,10 @@ class j {
   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(
+      a && (n instanceof Array ? (z.copy(s[n[0]]), a.position.copy(s[n[1]]).sub(z).divideScalar(2).add(s[n[0]]), n.length == 4 && (z.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]));
+      ).divideScalar(2).add(s[n[2]]).sub(a.position).divideScalar(2), a.position.add(z))) : a.position.copy(s[n]));
     }
     t && e && t.drawConnectors(
       e,
@@ -469,17 +469,17 @@ class kt extends j {
     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(
+    const a = e.geometry.attributes.position, r = 209, i = 429, l = U(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;
+    const m = _e("landmarkIndex", "float").toUint(), 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);
+    ).lengthSq(), P = U(y), k = U(1);
     let L;
     return {
       /**
@@ -501,7 +501,7 @@ class kt extends j {
           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 M = U(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(Ue(1, -1, ze(1).div(M))).mul(ve).add(l), Q = Be(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;
           };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "three-mediapipe-rig",
-  "version": "0.1.4",
+  "version": "0.1.41",
   "type": "module",
   "description": "Easy setup of a skeletal rig that responds to the motion tracker provided by google's mediapipe webwam feed.",
   "repository": {