Escote: parche clonando la malla del jersey (mask inversa sin muestreo); fondo tropical por defecto (?bg=off); giro del avatar con el raton

chunk-p1yb2ca4.js

@@ -34429,93 +34429,76 @@ function mq(c) {
     M = Number(h.get("neckTop") ?? 1.5015),
     F = Number(h.get("neckFront") ?? 0.014),
     T = y === "u" ? 0 : 1,
-    b = i.geometry.attributes,
-    R = b.position,
-    _ = b.normal,
-    x = b.skinIndex,
-    P = b.skinWeight;
-  if (!R || !_) return;
-  let K = 10,
-    se = (u, v, w2) => {
-      let S = [],
-        px = 0,
-        py = 0,
-        pz = 0,
-        nx = 0,
-        ny = 0,
-        nz = 0,
-        ch = 0;
-      for (let j2 = 0; j2 < R.count; j2++) {
-        let m = {
-          d:
-            (R.array[j2 * 3] - u) ** 2 +
-            (R.array[j2 * 3 + 1] - v) ** 2 +
-            (R.array[j2 * 3 + 2] - w2) ** 2,
-          j: j2,
-        };
-        if (S.length < K) S.push(m);
-        else if (m.d < S[K - 1].d) ((S[K - 1] = m), S.sort((B, D) => B.d - D.d));
-      }
-      for (let m of S) {
-        let j2 = m.j,
-          q = 1 / (m.d + 1e-6);
-        (ch += q),
-          (px += R.array[j2 * 3] * q),
-          (py += R.array[j2 * 3 + 1] * q),
-          (pz += R.array[j2 * 3 + 2] * q),
-          (nx += _.array[j2 * 3] * q),
-          (ny += _.array[j2 * 3 + 1] * q),
-          (nz += _.array[j2 * 3 + 2] * q);
-      }
-      let acc = new Map();
-      if (x && P)
-        for (let m of S) {
-          let j2 = m.j,
-            q = 1 / (m.d + 1e-6);
-          for (let k4 = 0; k4 < 4; k4++) {
-            let bone = x.array[j2 * 4 + k4],
-              bw = P.array[j2 * 4 + k4] * q;
-            acc.set(bone, (acc.get(bone) ?? 0) + bw);
-          }
-        }
-      let bs = [...acc.entries()].sort((B, D) => D[1] - B[1]).slice(0, 4),
-        wsum = bs.reduce((B, D) => B + D[1], 0) || 1;
-      return {
-        p: [px / ch, py / ch, pz / ch],
-        n: [nx / ch, ny / ch, nz / ch],
-        idx: bs.map((B) => B[0]),
-        w: bs.map((B) => B[1] / wsum),
-      };
-    },
-    Q = (u) => (u <= 0.04045 ? u / 12.92 : ((u + 0.055) / 1.055) ** 2.4),
-    tone = null;
-  try {
-    let img = c.Wolf3D_Head?.material?.map?.image;
-    if (img?.width) {
-      let cv = document.createElement("canvas"),
-        cx = cv.getContext("2d", { willReadFrequently: !0 });
-      cv.width = img.width;
-      cv.height = img.height;
-      cx.drawImage(img, 0, 0);
-      let [l0, m0, l1, m1] = $t.lids_uv ?? [0.36, 0.28, 0.64, 0.39],
-        px = Math.round(((l0 + l1) / 2) * img.width),
-        py = Math.round(((m0 + m1) / 2) * img.height),
-        dtd = cx.getImageData(Math.max(0, px - 12), Math.max(0, py - 12), 24, 24).data,
-        rr = 0,
-        gg = 0,
-        bb = 0,
-        n5 = dtd.length / 4;
-      for (let k5 = 0; k5 < dtd.length; k5 += 4) (rr += dtd[k5]), (gg += dtd[k5 + 1]), (bb += dtd[k5 + 2]);
-      tone = new re(Q(rr / n5 / 255), Q(gg / n5 / 255), Q(bb / n5 / 255));
-    }
-  } catch {}
-  let sk = tone ?? new re(0.6, 0.34, 0.26);
+    U1 = { value: new Ye(M, p, g, T) },
+    U2 = { value: new ve(F, 0) };
+  // 1) escote: tira los fragmentos del jersey dentro del hueco (espacio de bind pose)
   {
-    let ubc = i.material.onBeforeCompile,
-      U1 = { value: new Ye(M, p, g, T) },
-      U2 = { value: new ve(F, 0) };
-    let V3 = (sh, cxA) => {
-      ubc?.(sh, cxA);
+    let ubc = i.material.onBeforeCompile;
+    (i.material.onBeforeCompile = (sh, cxA) => {
+      (ubc?.(sh, cxA),
+        Object.assign(sh.uniforms, { uNeck: U1, uNeckF: U2 }),
+        (sh.vertexShader = sh.vertexShader
+          .replace("#include <common>", `#include <common>
+varying vec3 vBindN;`)
+          .replace("#include <begin_vertex>", `#include <begin_vertex>
+vBindN = position;`)),
+        (sh.fragmentShader = sh.fragmentShader
+          .replace("#include <common>", `#include <common>
+varying vec3 vBindN; uniform vec4 uNeck; uniform vec2 uNeckF;`)
+          .replace(
+            "#include <clipping_planes_fragment>",
+            `#include <clipping_planes_fragment>
+{
+  float rel = abs(vBindN.x) / uNeck.z;
+  if (vBindN.z > uNeckF.x && vBindN.y > uNeck.x - uNeck.y - 0.012 && vBindN.y < uNeck.x + 0.001) {
+    if (uNeck.w > 0.5) { if ((uNeck.x - vBindN.y) > uNeck.y * rel) discard; }
+    else { if ((uNeck.x - vBindN.y) > uNeck.y * sqrt(max(0.0, 1.0 - rel * rel))) discard; }
+  }
+}`,
+          )));
+    }),
+      (i.material.customProgramCacheKey = () => `ava-neck-cut-${i.material.uuid}`),
+      (i.material.needsUpdate = !0);
+  }
+  // 2) piel: clon de la geometría del jersey hundido 3.5 mm, dibujado solo dentro del hueco,
+  //    así el skinning es el exacto del jersey y no hay muestreo runtime que falle.
+  try {
+    let g2 = i.geometry.clone(),
+      A = g2.attributes.position.array,
+      B = g2.attributes.normal.array;
+    for (let v2 = 0; v2 < A.length; v2 += 3)
+      ((A[v2] -= B[v2] * 0.0035), (A[v2 + 1] -= B[v2 + 1] * 0.0035), (A[v2 + 2] -= B[v2 + 2] * 0.0035));
+    let sk = new re(0.6, 0.34, 0.26);
+    try {
+      let img = c.Wolf3D_Head?.material?.map?.image;
+      if (img?.width) {
+        let cv = document.createElement("canvas"),
+          cx = cv.getContext("2d", { willReadFrequently: !0 });
+        ((cv.width = img.width), (cv.height = img.height), cx.drawImage(img, 0, 0));
+        let [l0, m0, l1, m1] = $t.lids_uv ?? [0.36, 0.28, 0.64, 0.39],
+          px = Math.round(((l0 + l1) / 2) * img.width),
+          py = Math.round(((m0 + m1) / 2) * img.height),
+          dtd = cx.getImageData(Math.max(0, px - 12), Math.max(0, py - 12), 24, 24).data,
+          rr = 0,
+          gg = 0,
+          bb = 0,
+          n5 = dtd.length / 4;
+        for (let k5 = 0; k5 < dtd.length; k5 += 4) ((rr += dtd[k5]), (gg += dtd[k5 + 1]), (bb += dtd[k5 + 2]));
+        let Q = (u) => (u <= 0.04045 ? u / 12.92 : ((u + 0.055) / 1.055) ** 2.4);
+        sk = new re(Q(rr / n5 / 255), Q(gg / n5 / 255), Q(bb / n5 / 255));
+      }
+    } catch {}
+    let mat2 = new tn({
+      side: Yt,
+      color: sk,
+      roughness: 0.48,
+      metalness: 0,
+      specularIntensity: 0.4,
+      sheen: 0.35,
+      sheenColor: new re(1, 0.95, 0.9),
+      sheenRoughness: 0.7,
+    });
+    mat2.onBeforeCompile = (sh, cxA) => {
       Object.assign(sh.uniforms, { uNeck: U1, uNeckF: U2 });
       sh.vertexShader = sh.vertexShader
         .replace("#include <common>", `#include <common>
@@ -34530,84 +34513,109 @@ varying vec3 vBindN; uniform vec4 uNeck; uniform vec2 uNeckF;`)
           `#include <clipping_planes_fragment>
 {
   float rel = abs(vBindN.x) / uNeck.z;
-  if (vBindN.z > uNeckF.x && vBindN.y > uNeck.x - uNeck.y - 0.012 && vBindN.y < uNeck.x + 0.001) {
-    if (uNeck.w > 0.5) { if ((uNeck.x - vBindN.y) > uNeck.y * rel) discard; }
-    else { if ((uNeck.x - vBindN.y) > uNeck.y * sqrt(max(0.0, 1.0 - rel * rel))) discard; }
-  }
+  if (vBindN.z <= uNeckF.x) discard;
+  if (vBindN.y > uNeck.x - uNeck.y - 0.02) discard;
+  if (vBindN.y > uNeck.x + 0.001) discard;
+  if (uNeck.w > 0.5) { if ((uNeck.x - vBindN.y) <= uNeck.y * rel * 0.88) discard; }
+  else { if ((uNeck.x - vBindN.y) <= uNeck.y * sqrt(max(0.0, 1.0 - rel * rel)) * 0.88) discard; }
 }`,
         );
     };
-    ((i.material.onBeforeCompile = V3),
-      (i.material.customProgramCacheKey = () => `ava-neck-cut-${i.material.uuid}`),
-      (i.material.needsUpdate = !0));
-  }
-  let GX = 40,
-    GY = 16,
-    padX = 0.02,
-    padY = 0.012,
-    yUp = M + 0.0025,
-    yBot = M - p - padY,
-    gW = g + padX,
-    pos = [],
-    nor = [],
-    js = [],
-    ws = [],
-    vm = [],
-    insideM =
-      y === "u"
-        ? (xx, yy) => yy < M + 0.0025 - 1e-4 && yy > M - p * Math.max(0, 1 - (xx / g) ** 2) ** 0.5 - padY && Math.abs(xx) < gW
-        : (xx, yy) => yy < M + 0.0025 - 1e-4 && yy > yBot && (M - yy) > (p * Math.abs(xx)) / g && Math.abs(xx) < gW;
-  for (let gy = 0; gy < GY; gy++) {
-    let vv = yUp - ((yUp - yBot) * gy) / (GY - 1);
-    for (let gx = 0; gx < GX; gx++) {
-      let uu = (-gW + (2 * gW * gx) / (GX - 1)),
-        sm = se(uu, vv, 0),
-        nx2 = sm.n,
-        nn = (nx2[0] ** 2 + nx2[1] ** 2 + nx2[2] ** 2) ** 0.5 || 1;
-      (pos.push(sm.p[0] - (nx2[0] / nn) * 0.0035, sm.p[1] - (nx2[1] / nn) * 0.0035, sm.p[2] - (nx2[2] / nn) * 0.0035),
-        nor.push(nx2[0] / nn, nx2[1] / nn, nx2[2] / nn));
-      for (let k6 = 0; k6 < 4; k6++) (js.push(sm.idx[k6] ?? 0), ws.push(sm.w[k6] ?? 0));
-      vm.push(insideM(uu, vv) ? 1 : 0);
-    }
-  }
-  let geo = new Et();
-  (geo.setAttribute("position", new at(pos, 3)),
-    geo.setAttribute("normal", new at(nor, 3)),
-    x && P && (geo.setAttribute("skinIndex", new er(js, 4)), geo.setAttribute("skinWeight", new at(ws, 4))));
-  let idx = [];
-  for (let gy = 0; gy < GY - 1; gy++)
-    for (let gx = 0; gx < GX - 1; gx++) {
-      let a1 = gy * GX + gx,
-        q1 = a1 + 1,
-        v1 = a1 + GX,
-        y1 = v1 + 1;
-      if (vm[a1] && vm[q1] && vm[v1] && vm[y1]) idx.push(a1, v1, q1, q1, v1, y1);
-    }
-  geo.setIndex(idx);
-  let mat = new tn({
-      side: Yt,
-      color: sk,
-      roughness: 0.48,
-      metalness: 0,
-      specularIntensity: 0.4,
-      sheen: 0.4,
-      sheenColor: new re(1, 0.96, 0.92),
-      sheenRoughness: 0.7,
-      clearcoat: 0.05,
-      clearcoatRoughness: 0.35,
-    }),
-    mk = new Bi(geo, mat);
-  (t1(mat),
-    mk.bind(i.skeleton, i.bindMatrix),
-    mk.position.copy(i.position),
-    mk.quaternion.copy(i.quaternion),
-    mk.scale.copy(i.scale),
-    mk.updateMatrix(),
-    (mk.castShadow = !1),
-    (mk.receiveShadow = !0),
-    (mk.frustumCulled = !1),
-    mk.matrixAutoUpdate && mk.updateMatrixWorld(!0),
-    i.parent.add(mk));
+    t1(mat2);
+    mat2.customProgramCacheKey = () => "ava-neck-patch";
+    let pc = new Bi(g2, mat2);
+    pc.bind(i.skeleton, i.bindMatrix);
+    ((pc.position.copy(i.position),
+      pc.quaternion.copy(i.quaternion),
+      pc.scale.copy(i.scale)),
+      (pc.castShadow = !1),
+      (pc.receiveShadow = !0),
+      (pc.frustumCulled = !1),
+      i.parent.add(pc));
+  } catch (er2) {
+    console.warn("neck patch failed:", er2);
+  }
+}
+function Tq() {
+  let cv = document.createElement("canvas");
+  ((cv.width = 2048), (cv.height = 1024));
+  let cx = cv.getContext("2d"),
+    n2 = (a2, b2, c2) => Math.round(a2 + Math.random() * (b2 - a2));
+  // cielo: azul profundo arriba, bruma cálida en el horizonte
+  let air = cx.createLinearGradient(0, 0, 0, 512);
+  (air.addColorStop(0, "#1b66b8"),
+    air.addColorStop(0.5, "#57a8e0"),
+    air.addColorStop(0.82, "#c8e2f0"),
+    air.addColorStop(1, "#f6e2c4"),
+    (cx.fillStyle = air),
+    cx.fillRect(0, 0, 2048, 512));
+  // sol bajo y cálido
+  let sun = cx.createRadialGradient(640, 452, 6, 640, 452, 210);
+  (sun.addColorStop(0, "#fff6d8"),
+    sun.addColorStop(0.22, "rgba(255,229,168,0.55)"),
+    sun.addColorStop(1, "rgba(255,229,168,0)"),
+    (cx.fillStyle = sun),
+    cx.fillRect(400, 200, 520, 312));
+  // nubes suaves
+  for (let q = 0; q < 30; q++) {
+    let x = n2(0, 2048),
+      w = n2(120, 420),
+      hh = n2(14, 42),
+      yy = n2(60, 470);
+    cx.fillStyle = `rgba(255,255,255,${0.06 + Math.random() * 0.14})`;
+    cx.beginPath(), cx.ellipse(x, yy, w / 2, hh, 0, 0, 6.283), cx.fill();
+  }
+  // mar
+  let sea = cx.createLinearGradient(0, 510, 0, 1024);
+  (sea.addColorStop(0, "#8fc4d8"),
+    sea.addColorStop(0.12, "#2b8bab"),
+    sea.addColorStop(0.55, "#0f6b96"),
+    sea.addColorStop(1, "#0a3c60"),
+    (cx.fillStyle = sea),
+    cx.fillRect(0, 510, 2048, 514));
+  // destellos de ola
+  for (let q = 0; q < 320; q++) {
+    cx.fillStyle = `rgba(255,255,255,${0.02 + Math.random() * 0.06})`;
+    cx.fillRect(n2(0, 2040), 516 + n2(0, 470), n2(18, 110), n2(1, 2));
+  }
+  // costa: siluetas lejanas de islas (palmera simple + montes) varias longitudes
+  for (let [u0, w2] of [[0.06, 300], [0.14, 170], [0.38, 240], [0.62, 190], [0.85, 330]]) {
+    let bx = u0 * 2048,
+      hh = w2 * 0.16;
+    (cx.shadowColor = "rgba(40,90,80,0.9)"),
+      (cx.shadowBlur = 10),
+      (cx.fillStyle = "#3f6f5f");
+    cx.beginPath(),
+      cx.ellipse(bx, 508, w2 / 2, hh, 0, Math.PI, 2 * Math.PI),
+      cx.fill();
+    cx.beginPath(),
+      cx.moveTo(bx - w2 * 0.42, 508),
+      cx.lineTo(bx - w2 * 0.3, 508 - hh * 0.9),
+      cx.lineTo(bx - w2 * 0.18, 508),
+      cx.fill();
+    cx.beginPath(),
+      cx.moveTo(bx + w2 * 0.2, 508),
+      cx.lineTo(bx + w2 * 0.32, 508 - hh * 0.6),
+      cx.lineTo(bx + w2 * 0.46, 508),
+      cx.fill();
+    // palmera
+    let px = bx + w2 * 0.04;
+    (cx.strokeStyle = "#35594d"),
+      (cx.lineWidth = 4),
+      cx.beginPath(),
+      cx.moveTo(px, 508),
+      cx.lineTo(px - 4, 508 - hh * 1.5),
+      cx.stroke();
+    for (let f2 of [-1, 1]) {
+      cx.beginPath(),
+        cx.moveTo(px - 4, 508 - hh * 1.5),
+        cx.quadraticCurveTo(px - 4 + f2 * 26, 508 - hh * 1.7, px - 4 + f2 * 40, 508 - hh * 1.4),
+        cx.stroke();
+    }
+  }
+  cx.shadowBlur = 0;
+  let tex = new Rt(cv);
+  return ((tex.mapping = Zs), (tex.colorSpace = lt), tex);
 }
 function vp(e, t = {}) {
   let { studio: n = !0, materials: i = !0, shadows: s = !0 } = t,
@@ -34625,6 +34633,7 @@ function vp(e, t = {}) {
       (r.toneMappingExposure = Number(h.get("exp") ?? 1)),
       (o.environment = Y_(r)),
       (o.environmentIntensity = Number(h.get("env") ?? 1.08)));
+    if (h.get("bg") !== "off") o.background = Tq();
     let u = new Qn("#fff8f7", Number(h.get("key") ?? 0.38));
     if ((u.position.set(-0.75, 2.55, 1.6), u.target.position.set(0, 1.55, 0.03), o.add(u, u.target), s)) {
       ((r.shadowMap.enabled = !0), (r.shadowMap.type = Fo), (u.castShadow = !0), u.shadow.mapSize.set(2048, 2048));
@@ -34815,6 +34824,29 @@ varying float vShellX; uniform vec2 lidBlink;`,
       });
   }
   mq(c);
+  // ratón: arrastrar gira el avatar; doble clic lo devuelve al frente
+  {
+    let mg = r.domElement,
+      dn = !1,
+      lx = 0,
+      ly = 0;
+    ((mg.style.touchAction = "none"),
+      mg.addEventListener("pointerdown", (ev) => {
+        if (ev.button === 0) ((dn = !0), (lx = ev.clientX), (ly = ev.clientY));
+      }),
+      window.addEventListener("pointerup", () => (dn = !1)),
+      mg.addEventListener("pointerleave", () => (dn = !1)),
+      mg.addEventListener("dblclick", () => ((a.rotation.y = 0), (a.rotation.x = 0))),
+      mg.addEventListener("pointermove", (ev) => {
+        if (!dn) return;
+        let dx = ev.clientX - lx,
+          dy = ev.clientY - ly;
+        ((lx = ev.clientX),
+          (ly = ev.clientY),
+          (a.rotation.y += dx / 220),
+          (a.rotation.x = Math.max(-0.3, Math.min(0.3, a.rotation.x + dy / 220))));
+      }));
+  }
   a.traverse((h) => {
     if (!h.isMesh) return;
     for (let u of [h.material.map, h.material.normalMap, h.material.roughnessMap])