@7ots/cli 0.1.6 → 0.1.8

package/src/character3d/Character3D.js

@@ -11,6 +11,8 @@
 import * as THREE from 'three';
 import { normalizeCharacter, layout, bodyPoints } from '../character/Character.js';
 import { stylizeSpec } from '../character/styles.js';
+import { applyMods, modPart } from '../character/mods.js';
+import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
 
 /**
  * Acabado 3D de cada estilo artístico (styles.js): la paleta sale de stylizeSpec y aquí se elige
@@ -19,20 +21,34 @@ import { stylizeSpec } from '../character/styles.js';
 const STYLE_FINISH = {
   ukiyoe: 'toon', glass: 'glossy', bauhaus: 'toon', manuscript: 'toon', glitch: 'neon', clay: 'clay', ink: 'sketch',
   pop: 'toon', watercolor: 'soft3d', pixel: 'toon', synthwave: 'neon', nouveau: 'toon', cubism: 'toon', crayon: 'sketch', blueprint: 'neon', pointillism: 'soft3d', woodcut: 'sketch',
+  riso: 'toon', dotmatrix: 'toon', chalk: 'sketch', sticker: 'glossy', felt: 'clay', papercut: 'soft3d', lowpoly: 'toon', marble: 'soft3d', candy: 'glossy',
+  holo: 'glossy', sumie: 'sketch', tarot: 'toon', retro70: 'toon', mosaic: 'toon', neonsign: 'neon', graffiti: 'toon', thermal: 'soft3d',
 };
+/** Piezas del catálogo 2 sin modelo 3D propio → la existente más parecida (campo `as3d` en parts.js). */
+function alias3D(s) {
+  s.eyes = { ...s.eyes, type: as3d('eyes', s.eyes.type) };
+  s.brows = { ...s.brows, type: as3d('brows', s.brows.type) };
+  s.mouth = { ...s.mouth, type: as3d('mouths', s.mouth.type) };
+  s.cheeks = { ...s.cheeks, type: as3d('cheeks', s.cheeks.type) };
+  s.body = { ...s.body, pattern: as3d('patterns', s.body.pattern) };
+  s.finish = as3d('finishes', s.finish);
+  s.accessories = s.accessories.map((a) => ({ ...a, id: as3d('accessories', a.id) }));
+  return s;
+}
 function styled3D(spec) {
-  const s = stylizeSpec(spec);
+  const s = alias3D(stylizeSpec(spec));
   if (!s._style) return s;
   const f2 = s.finish;
   s.finish = STYLE_FINISH[s._style.id] || (f2 === 'clay' || f2 === 'sketch' ? f2 : s._style.lw > 0 ? 'toon' : f2 === 'flat' ? 'soft3d' : f2);
   return s;
 }
-import { shade, luminance } from '../character/parts.js';
+import { shade, luminance, as3d } from '../character/parts.js';
 import { textureOf } from '../character/skin.js';
 import { GESTURES, GESTURE_ALIAS, VISEMES, EASE, clamp, lerp, approach, textToVisemes, babbleVisemes, HAND_POSES, MORPHS, EFFECTS, shapePoints, seeded } from '../character/motion.js';
 import { U, bodyGeometry, surfaceProbe } from './body.js';
 import { bodyMaterials, surfaceMaterial, mat, shadowTexture, CHEEK_IDS } from './materials.js';
 import { FX3D, glyph, disposeFx } from './fx.js';
+import { buildModel, tickModel, modelGesture } from './model.js';
 
 const DEG = Math.PI / 180;
 const TAU = Math.PI * 2;
@@ -93,6 +109,26 @@ const nowMs = () => performance.now();
 const reducedMotion = () => typeof matchMedia === 'function' && matchMedia('(prefers-reduced-motion: reduce)').matches;
 const shared = (o) => { o.userData.shared = true; return o; };
 
+// glb de los mods: uno por url, compartido entre ots (sus geometrías no se liberan con el rig)
+const GLB = new Map();
+function loadGlb(url) {
+  if (!GLB.has(url)) {
+    const p = new Promise((res, rej) => {
+      const loader = new GLTFLoader();
+      const done = (g) => res(g.scene);
+      if (url.startsWith('data:')) {
+        const bin = atob(url.slice(url.indexOf(',') + 1));
+        const buf = new Uint8Array(bin.length);
+        for (let i = 0; i < bin.length; i++) buf[i] = bin.charCodeAt(i);
+        loader.parse(buf.buffer, '', done, rej);
+      } else loader.load(url, done, undefined, rej);
+    });
+    p.catch(() => GLB.delete(url));
+    GLB.set(url, p);
+  }
+  return GLB.get(url);
+}
+
 /** Malla con posición/rotación/escala opcionales. */
 function M(geo, material, p, r, s) {
   const m = new THREE.Mesh(geo, material);
@@ -143,7 +179,10 @@ export class Character3D {
     this.clearMorphObjects();
     for (const f of this.fxs) disposeFx(f.obj);
     this.fxs = [];
-    const s = (this.spec = styled3D(normalizeCharacter(spec)));
+    const s = (this.spec = styled3D(applyMods(normalizeCharacter(spec), normalizeCharacter)));
+    this.modelMode = false;
+    this.modelTok = null;
+    if (s._model && s._model.url !== this.modelFailed) return this.buildModel(s); // mod de cuerpo completo (model.js)
     const st = s._style; // estilo artístico: sin pelo, con su paleta y su contorno
     const pts = bodyPoints(s);
     const L = (this.L = layout(s));
@@ -155,7 +194,7 @@ export class Character3D {
     const kk = (this.kk = Math.sqrt(W * H) / 1.25); // escala de accesorios (1 ≈ ot medio)
     const Y = (this.Y = (y) => (B.bottom - y) * U);
     const X = (this.X = (x) => (x - L.cx) * U);
-    const tex = (this.tex = textureOf(s));
+    const tex = (this.tex = as3d('textures', textureOf(s)));
     const plush = (this.plush = !st && ((this.opts.material || 'plush') === 'plush' || ['fur', 'fuzz', 'feathers'].includes(tex)));
     const furLen = (this.furLen = plush ? (tex === 'fuzz' || tex === 'none' ? 0.05 : 0.065) * kk : 0);
     const density = (this.density = furLen ? (this.quality === 'high' ? 1 / (furLen * 0.2) : 1 / (furLen * 0.32)) : 0);
@@ -287,7 +326,7 @@ export class Character3D {
       if (!o) continue;
       // pivote en el centro del accesorio: escala/giro de la spec alrededor de sí mismo
       o.updateMatrixWorld(true);
-      const c = o.userData.surface ? new THREE.Vector3() : new THREE.Box3().setFromObject(o).getCenter(new THREE.Vector3());
+      const c = o.userData.surface ? new THREE.Vector3() : o.userData.pivot ? o.userData.pivot.clone() : new THREE.Box3().setFromObject(o).getCenter(new THREE.Vector3());
       const piv = G(o);
       o.position.sub(c);
       piv.position.copy(c);
@@ -651,7 +690,99 @@ export class Character3D {
         h.rotation.z = -0.12;
         return onTop(h, 0.06);
       }
-      case 'beanie': case 'santa': case 'cap': case 'hardhat': case 'viking': case 'beret': {
+      case 'fedora': case 'bowler': {
+        const fm = mat('felt', col);
+        const fed = id === 'fedora';
+        const h = G(
+          // ala (fedora: algo más ancha y levantada atrás)
+          M(new THREE.CylinderGeometry((fed ? 0.4 : 0.32) * kk, (fed ? 0.4 : 0.32) * kk, 0.022 * kk, 48), fm, null, fed ? [-0.08, 0, 0] : null),
+          fed
+            ? M(new THREE.CylinderGeometry(0.19 * kk, 0.23 * kk, 0.24 * kk, 40), fm, [0, 0.12 * kk, 0], null, [1, 1, 0.85])
+            : M(this.sph(0.23 * kk, 40, 20, 0, TAU, 0, Math.PI / 2), fm, [0, 0.06 * kk, 0], null, [1, 1.05, 0.92]),
+          M(new THREE.CylinderGeometry(0.235 * kk, 0.235 * kk, 0.05 * kk, 40), mat('felt', col2), [0, 0.045 * kk, 0], null, [1, 1, fed ? 0.88 : 0.93]),
+        );
+        if (!fed) h.add(M(new THREE.CylinderGeometry(0.23 * kk, 0.23 * kk, 0.06 * kk, 40), fm, [0, 0.03 * kk, 0], null, [1, 1, 0.92]));
+        if (fed) h.add(M(this.sph(0.12 * kk, 24, 10), mat('felt', shade(col, -0.25)), [0, 0.24 * kk, 0], null, [1, 0.25, 0.6])); // pellizco de la copa
+        h.rotation.z = fed ? -0.14 : -0.06;
+        return onTop(h, 0.06);
+      }
+      case 'witch': {
+        const fm = mat('felt', col);
+        const o = G(M(new THREE.CylinderGeometry(0.46 * kk, 0.46 * kk, 0.02 * kk, 48), fm));
+        // cono doblado: tres tramos cada vez más finos e inclinados
+        let y = 0;
+        let x = 0;
+        const segs = [[0.25, 0.17, 0.3, 0], [0.17, 0.09, 0.22, -0.35], [0.09, 0.01, 0.2, -0.9]];
+        for (const [r0, r1, h, rz] of segs) {
+          const m = M(new THREE.CylinderGeometry(r1 * kk, r0 * kk, h * kk, 32), fm);
+          m.geometry.translate(0, (h / 2) * kk, 0);
+          m.position.set(x, y, 0);
+          m.rotation.z = rz;
+          o.add(m);
+          x += -Math.sin(rz) * h * kk;
+          y += Math.cos(rz) * h * kk;
+        }
+        o.add(M(new THREE.CylinderGeometry(0.245 * kk, 0.25 * kk, 0.06 * kk, 40), mat('felt', col2), [0, 0.04 * kk, 0]));
+        o.add(M(new THREE.BoxGeometry(0.08 * kk, 0.06 * kk, 0.02 * kk), mat('metal', '#facc15'), [0, 0.04 * kk, 0.25 * kk]));
+        o.rotation.z = 0.1;
+        return onTop(o, 0.05);
+      }
+      case 'fez': {
+        const o = G(
+          M(new THREE.CylinderGeometry(0.16 * kk, 0.2 * kk, 0.3 * kk, 36), mat('felt', col), [0, 0.15 * kk, 0]),
+          M(new THREE.CylinderGeometry(0.006 * kk, 0.006 * kk, 0.14 * kk, 6), mat('felt', col2), [0.07 * kk, 0.305 * kk, 0.02 * kk], [0, 0, Math.PI / 2]),
+        );
+        const tas = G(
+          M(new THREE.CylinderGeometry(0.006 * kk, 0.006 * kk, 0.2 * kk, 6), mat('felt', col2), [0, -0.1 * kk, 0]),
+          M(new THREE.ConeGeometry(0.035 * kk, 0.09 * kk, 12), mat('felt', col2), [0, -0.2 * kk, 0]),
+        );
+        tas.position.set(0.14 * kk, 0.3 * kk, 0.02 * kk);
+        tas.rotation.z = 0.2;
+        o.add(tas);
+        this.anims.push((sec) => { tas.rotation.z = 0.2 + Math.sin(sec * 2.4) * 0.12; });
+        o.rotation.z = -0.1;
+        return onTop(o, 0.06);
+      }
+      case 'sombrero': {
+        const fm = mat('felt', col);
+        const o = G(
+          M(this.tor(0.5 * kk, 0.035 * kk, 10, 56), fm, [0, 0.03 * kk, 0], [Math.PI / 2, 0, 0]),
+          M(new THREE.CylinderGeometry(0.52 * kk, 0.52 * kk, 0.02 * kk, 56), fm),
+          M(new THREE.CylinderGeometry(0.13 * kk, 0.21 * kk, 0.26 * kk, 36), fm, [0, 0.13 * kk, 0]),
+          M(this.sph(0.13 * kk, 32, 12, 0, TAU, 0, Math.PI / 2), fm, [0, 0.26 * kk, 0], null, [1, 0.7, 1]),
+          M(new THREE.CylinderGeometry(0.205 * kk, 0.215 * kk, 0.05 * kk, 36), mat('felt', col2), [0, 0.04 * kk, 0]),
+        );
+        for (let i = 0; i < 12; i++) {
+          const a = (i / 12) * TAU;
+          o.add(M(this.sph(0.025 * kk, 10, 8), mat('felt', col2), [Math.cos(a) * 0.53 * kk, 0.0, Math.sin(a) * 0.53 * kk]));
+        }
+        return onTop(o, 0.05);
+      }
+      case 'bucket': {
+        const fm = mat('felt', col);
+        const o = G(
+          M(new THREE.CylinderGeometry(0.21 * kk, 0.26 * kk, 0.2 * kk, 40), fm, [0, 0.1 * kk, 0]),
+          M(this.sph(0.21 * kk, 40, 10, 0, TAU, 0, Math.PI / 2), fm, [0, 0.2 * kk, 0], null, [1, 0.25, 1]),
+          M(new THREE.CylinderGeometry(0.27 * kk, 0.37 * kk, 0.06 * kk, 48), mat('felt', shade(col, -0.08)), [0, -0.01 * kk, 0]),
+        );
+        return onTop(o, 0.08);
+      }
+      case 'jester': {
+        const o = G(fur(new THREE.TorusGeometry(0.24 * kk, 0.04 * kk, 12, 40).rotateX(Math.PI / 2), shade(col, -0.2), 0.6));
+        const cols = [col, col2, col];
+        [-1, 0, 1].forEach((s, i) => {
+          const len = s ? 0.42 : 0.5;
+          const horn = G(M(new THREE.ConeGeometry(0.12 * kk, len * kk, 24), mat('felt', cols[i]), [0, (len / 2) * kk, 0]));
+          horn.add(M(this.sph(0.04 * kk, 14, 10), mat('metal', '#facc15'), [0, len * kk, 0]));
+          horn.position.set(s * 0.12 * kk, 0.02 * kk, 0);
+          horn.rotation.z = -s * 0.95;
+          o.add(horn);
+          const ph = i * 1.7;
+          this.anims.push((sec) => { horn.rotation.z = -s * 0.95 + Math.sin(sec * 1.8 + ph) * 0.06; });
+        });
+        return onTop(o, 0.05);
+      }
+      case 'beanie': case 'santa': case 'cap': case 'hardhat': case 'viking': case 'beret': case 'propeller': {
         const cp = capFor(id === 'beret' ? 0.14 : 0.24);
         const dome = this.sph(1, 40, 20, 0, TAU, 0, Math.PI / 2).scale(cp.w * 1.08, top.y - cp.y + 0.05 * kk, cp.d * 1.1);
         const o = G();
@@ -663,8 +794,19 @@ export class Character3D {
         } else if (id === 'beret') {
           o.add(M(dome, mat('felt', col), null, [0, 0, -0.25], [1.25, 0.45, 1.2]));
         } else {
-          const m = id === 'viking' ? mat('metal', '#a3a3a3') : id === 'cap' ? mat('felt', col) : mat('plastic', col);
+          const m = id === 'viking' ? mat('metal', '#a3a3a3') : id === 'cap' || id === 'propeller' ? mat('felt', col) : mat('plastic', col);
           o.add(M(dome, m));
+          if (id === 'propeller') {
+            // gorra de hélice: gajo de color, varilla y hélice que gira despacio
+            const hh = top.y - cp.y + 0.05 * kk;
+            o.add(M(this.sph(1, 24, 12, Math.PI / 2 - 0.35, 0.7, 0, Math.PI / 2).scale(cp.w * 1.085, hh * 1.005, cp.d * 1.105), mat('felt', col2)));
+            o.add(M(new THREE.CylinderGeometry(0.008 * kk, 0.008 * kk, 0.09 * kk, 8), mat('metal', '#9ca3af'), [0, hh + 0.04 * kk, 0]));
+            const prop = G(M(this.sph(0.02 * kk, 12, 8), mat('plastic', col2)));
+            for (const [sx, c2] of [[-1, '#ef4444'], [1, '#22c55e']]) prop.add(M(this.sph(1, 16, 8), mat('plastic', c2), [sx * 0.085 * kk, 0, 0], [sx * 0.3, 0, 0], [0.085 * kk, 0.008 * kk, 0.028 * kk]));
+            prop.position.y = hh + 0.085 * kk;
+            o.add(prop);
+            this.anims.push((sec) => { prop.rotation.y = sec * 5; });
+          }
           if (id === 'cap') o.add(M(new THREE.CylinderGeometry(cp.w * 0.75, cp.w * 0.75, 0.02 * kk, 32, 1, false, -Math.PI / 2, Math.PI), mat('felt', col2 === '#ffffff' ? shade(col, -0.2) : col2), [0, 0.01, cp.d * 0.9], null, [1, 1, 0.9]));
           if (id === 'hardhat') o.add(M(new THREE.CylinderGeometry(cp.w * 1.25, cp.w * 1.25, 0.02 * kk, 40), mat('plastic', col), [0, 0, 0.02]));
           if (id === 'viking') for (const sx of [-1, 1]) o.add(M(new THREE.ConeGeometry(0.06 * kk, 0.3 * kk, 16), mat('plastic', '#fef3c7'), [sx * cp.w * 1.05, (top.y - cp.y) * 0.5, 0], [0, 0, -sx * 1.0]));
@@ -1044,16 +1186,77 @@ export class Character3D {
         return g;
       }
       default:
-        return null;
+        return this.spec._modParts?.[id] ? this.buildModPart(this.spec._modParts[id], a, c) : null;
     }
   }
 
+  /**
+   * Pieza de un mod: su glb (unidades del mod: 1 = 1 px de un ot de 120 de ancho, y hacia
+   * arriba) o, si no trae, su SVG en un plano. Se carga en segundo plano; el pivote es el ancla.
+   */
+  buildModPart(p, a, c) {
+    const { L, X, Y, probe } = c;
+    const at = L.anchors[p.anchor] || L.anchors.center;
+    const sc = (L.box.w / 120) * U;
+    const x0 = X(at.x);
+    const y0 = Y(at.y);
+    const z0 = p.depth === 'center' ? 0 : (probe.front(x0, y0)?.p.z ?? 0) + this.furLen;
+    const g = G();
+    g.position.set(x0, y0, z0);
+    g.userData.pivot = g.position.clone();
+    const plane = () => this.modPlane(p, a, sc);
+    if (!p.glb) return g.add(plane()), g;
+    const holder = G();
+    holder.scale.setScalar(sc);
+    g.add(holder);
+    const tint = p.tint === 'body' ? this.spec.body.color : p.tint === 'color' ? a.color : '';
+    loadGlb(p.glb).then((scene) => {
+      const o = scene.clone(true);
+      o.traverse((m) => {
+        if (!m.isMesh) return;
+        m.geometry.userData.shared = true;
+        if (tint) {
+          m.material = m.material.clone();
+          m.material.color?.set(tint);
+          m.userData.ownMaterial = true;
+        }
+      });
+      holder.add(o);
+    }).catch(() => g.add(plane()));
+    return g;
+  }
+
+  /** SVG de una pieza de mod pintado en un plano (respaldo 3D de los mods sin glb). */
+  modPlane(p, a, sc) {
+    const [vx, vy, vw, vh] = p.view;
+    const def = modPart(this.spec, a.id, shade);
+    const inner = def ? def.draw({ k: 1, color: a.color, color2: a.color2, body: this.spec.body.color }) : '';
+    const px = 256 / Math.max(vw, vh);
+    const cv = document.createElement('canvas');
+    cv.width = Math.max(2, Math.round(vw * px));
+    cv.height = Math.max(2, Math.round(vh * px));
+    const tex = new THREE.CanvasTexture(cv);
+    tex.colorSpace = THREE.SRGBColorSpace;
+    const img = new Image();
+    img.onload = () => {
+      cv.getContext('2d').drawImage(img, 0, 0, cv.width, cv.height);
+      tex.needsUpdate = true;
+    };
+    img.src = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="${vx} ${vy} ${vw} ${vh}" width="${cv.width}" height="${cv.height}">${inner}</svg>`)}`;
+    const m = new THREE.Mesh(new THREE.PlaneGeometry(vw * sc, vh * sc), new THREE.MeshBasicMaterial({ map: tex, transparent: true, depthWrite: false, side: THREE.DoubleSide }));
+    m.position.set((vx + vw / 2) * sc, -(vy + vh / 2) * sc, p.layer === 'back' ? -0.01 : 0.01);
+    m.userData.ownMaterial = true;
+    return m;
+  }
+
   disposeRig() {
     this.rig.traverse((m) => {
       if (!m.isMesh) return;
       if (!m.geometry.userData.shared) m.geometry.dispose();
       if (m.userData.ownMaterial) m.material.dispose();
     });
+    this.model?.mixer?.stopAllAction();
+    this.model = null;
     this.rig.clear();
     if (this.shadow) {
       this.shadow.material.dispose();
@@ -1073,6 +1276,7 @@ export class Character3D {
 
   /** Avanza un frame. t: performance.now() ms; dt: ms. */
   tick(t, dt) {
+    if (this.modelMode) return this.tickModel(t, dt);
     const rm = reducedMotion();
     const idle = this.opts.idle !== false;
     // parpadeo y miradas espontáneas
@@ -1125,26 +1329,7 @@ export class Character3D {
     }
     if (rm) Object.assign(pose, { x: 0, y: 0, r: 0, sx: 1, sy: 1 });
 
-    // metamorfosis: fases como en 2D (entra con rebote, sale suave)
-    let ksx = 1;
-    let ksy = 1;
-    const act = {};
-    for (const [slot, mm] of this.morphs) {
-      if (mm.phase !== 'out' && t >= mm.until) { mm.phase = 'out'; mm.outAt = t; mm.k0 = mm.k; }
-      if (mm.phase === 'in') {
-        const q = clamp((t - mm.start) / MORPH_IN);
-        mm.k = rm ? 1 : mm.shape ? EASE.inOut(q) : EASE.backOut(q);
-        if (q >= 1) mm.phase = 'on';
-      } else if (mm.phase === 'on') mm.k = 1;
-      else {
-        const q = clamp((t - mm.outAt) / MORPH_OUT);
-        mm.k = rm ? 0 : mm.k0 * (1 - EASE.inOut(q));
-        if (q >= 1) { this.morphs.delete(slot); this.endMorph(slot); continue; }
-      }
-      act[slot] = mm;
-      const sc = SCALE_MORPH[slot];
-      if (sc) { const [a, b] = sc(mm.k); ksx *= a; ksy *= b; }
-    }
+    const { ksx, ksy, act } = this.tickMorphs(t, rm);
     if (act.shape && !act.shape.ready) this.startShape(act.shape);
     const shapeK = act.shape?.ready ? act.shape.k : 0;
     this.bodyU.uMorph.value.set(act.melt?.k || 0, rm ? 0 : act.jelly?.k || 0, shapeK, 0);
@@ -1282,7 +1467,42 @@ export class Character3D {
       hnd.scale.setScalar(Math.max(0.01, mhd.k * (p.s || 1)) * (type === 'open' ? 1 : 0.9));
     }
 
-    // efectos
+    const blush = this.tickEffects(t, rm);
+    this.bodyU.uBlush.value = blush;
+    this.fxg.position.copy(rig.position);
+    this.fxg.rotation.y = this.yaw;
+
+    for (const f of this.furs) f.u.uTime.value = sec;
+    for (const a of this.anims) a(rm ? 0 : sec);
+  }
+
+  /** Pinchos: conos instanciados en el contorno (sin la base) y en la espalda. */
+  /** Fases de las metamorfosis como en 2D (entra con rebote, sale suave): { ksx, ksy, act }. */
+  tickMorphs(t, rm) {
+    let ksx = 1;
+    let ksy = 1;
+    const act = {};
+    for (const [slot, mm] of this.morphs) {
+      if (mm.phase !== 'out' && t >= mm.until) { mm.phase = 'out'; mm.outAt = t; mm.k0 = mm.k; }
+      if (mm.phase === 'in') {
+        const q = clamp((t - mm.start) / MORPH_IN);
+        mm.k = rm ? 1 : mm.shape ? EASE.inOut(q) : EASE.backOut(q);
+        if (q >= 1) mm.phase = 'on';
+      } else if (mm.phase === 'on') mm.k = 1;
+      else {
+        const q = clamp((t - mm.outAt) / MORPH_OUT);
+        mm.k = rm ? 0 : mm.k0 * (1 - EASE.inOut(q));
+        if (q >= 1) { this.morphs.delete(slot); this.endMorph(slot); continue; }
+      }
+      act[slot] = mm;
+      const sc = SCALE_MORPH[slot];
+      if (sc) { const [a, b] = sc(mm.k); ksx *= a; ksy *= b; }
+    }
+    return { ksx, ksy, act };
+  }
+
+  /** Avanza los efectos; devuelve el rubor que piden. */
+  tickEffects(t, rm) {
     let blush = 0;
     if (this.fxs.length) {
       const c = this.fxc;
@@ -1306,15 +1526,9 @@ export class Character3D {
         return true;
       });
     }
-    this.bodyU.uBlush.value = blush;
-    this.fxg.position.copy(rig.position);
-    this.fxg.rotation.y = this.yaw;
-
-    for (const f of this.furs) f.u.uTime.value = sec;
-    for (const a of this.anims) a(rm ? 0 : sec);
+    return blush;
   }
 
-  /** Pinchos: conos instanciados en el contorno (sin la base) y en la espalda. */
   makeSpikes(color) {
     const L = this.L;
     const list = [];
@@ -1412,7 +1626,7 @@ export class Character3D {
 
   /** Limpia lo que deja una metamorfosis al terminar. */
   endMorph(slot) {
-    if (slot === 'shape') {
+    if (slot === 'shape' && this.B) {
       for (const b of this.bodyMeshes) b.geometry = this.B.geometry;
       this.shapeGeo?.dispose();
       this.shapeGeo = null;
@@ -1691,3 +1905,5 @@ export class Character3D {
     this.root.removeFromParent();
   }
 }
+
+Object.assign(Character3D.prototype, { buildModel, tickModel, modelGesture });

package/src/character3d/index.js

@@ -93,6 +93,7 @@ export function createCharacter3D(el, spec, opts = {}) {
   const ch = new Character3D(spec, { quality: opts.quality || 'high', material: opts.material || 'plush', moodFx: opts.moodFx });
   scene.add(ch.root);
   let aspect = 0;
+  let rev = ch.boundsRev;
   const frame = () => {
     const b = ch.bounds;
     const size = b.getSize(new THREE.Vector3());
@@ -114,8 +115,9 @@ export function createCharacter3D(el, spec, opts = {}) {
     bleed: opts.bleed || 0,
     tick(t, dt) {
       const a = this.rect.width / this.rect.height;
-      if (Math.abs(a - aspect) > 1e-3) {
+      if (Math.abs(a - aspect) > 1e-3 || rev !== ch.boundsRev) {
         aspect = a;
+        rev = ch.boundsRev; // un mod de cuerpo completo cambia la caja al cargar su modelo
         camera.aspect = a;
         frame();
       }
@@ -239,6 +241,10 @@ export function createCrowd3D(el, opts = {}) {
         camera.aspect = a;
         fit();
       }
+      if (chars.some((c) => c.boundsRev !== c.seenRev)) {
+        for (const c of chars) c.seenRev = c.boundsRev;
+        fit();
+      }
       for (const c of chars) {
         c.tick(t, dt);
         c.lod(pixelHeight(this, c));