Deploy Karate Wiener (kimodo kata maker)

.gitattributes

@@ -97,3 +97,4 @@ kata_sequence_taikyoku.png filter=lfs diff=lfs merge=lfs -text
 kick_stances_verify.png filter=lfs diff=lfs merge=lfs -text
 stance_library_verify.png filter=lfs diff=lfs merge=lfs -text
 assets/default_scene.webp filter=lfs diff=lfs merge=lfs -text
+assets/citizen_skin_color.png filter=lfs diff=lfs merge=lfs -text

app.py

@@ -1013,7 +1013,17 @@ def _render_preview_html(
     payload_json = json.dumps(payload, separators=(",", ":")).replace("</", "<\\/")
     # Display-character catalog (GLB + mapping) is injected per-render, never
     # stored in preview records. Only offer characters whose GLB actually loaded.
-    catalog = [c for c in _CHARACTER_CATALOG if c.get("id") == "skeleton" or c.get("glb_b64")]
+    catalog = []
+    for c in _CHARACTER_CATALOG:
+        if not (c.get("id") == "skeleton" or c.get("glb_b64")):
+            continue
+        c = dict(c)
+        # The s&box citizen GLB ships untextured (its UV atlas path doesn't resolve);
+        # supply the decompiled skin atlas (served from the dataset like clothing) so
+        # the viewer can map it onto the body. UVs are preserved through UniRig.
+        if c.get("id") == "citizen":
+            c["texture"] = f"{_VIEWER_ASSET_BASE}/textures/citizen_skin_color.png"
+        catalog.append(c)
     char_json = json.dumps(catalog, separators=(",", ":")).replace("</", "<\\/")
     cfg = {
         "clothing": CLOTHING_CATALOG,
@@ -1985,6 +1995,30 @@ def _render_preview_html(
     let character = null;   // {{ root, anim }}
     let mode = 'skeleton';
 
+    // Map a skin atlas (e.g. the decompiled s&box citizen skin) onto a character's
+    // body materials. One shared UV atlas covers the whole body; skip eye/mouth
+    // sub-materials (their own UVs). flipY=false = glTF UV convention.
+    const _charTexLoader = new THREE.TextureLoader();
+    _charTexLoader.setCrossOrigin('anonymous');
+    function applyCharSkin(root, url) {{
+      const tex = _charTexLoader.load(url);
+      tex.colorSpace = THREE.SRGBColorSpace;
+      tex.flipY = false;
+      tex.anisotropy = renderer.capabilities.getMaxAnisotropy();
+      root.traverse(o => {{
+        if (!o.isMesh && !o.isSkinnedMesh) return;
+        const mats = Array.isArray(o.material) ? o.material : [o.material];
+        for (const m of mats) {{
+          if (!m) continue;
+          const name = (m.name || o.name || '').toLowerCase();
+          if (/eye|mouth|teeth|tongue|brow|lash|cornea/.test(name)) continue;
+          m.map = tex;
+          if (m.color) m.color.setScalar(1);   // don't tint the atlas with a leftover base color
+          m.needsUpdate = true;
+        }}
+      }});
+    }}
+
     async function buildCharacter(entry) {{
       const loader = new GLTFLoader();
       const gltf = await loader.parseAsync(decodeBytes(entry.glb_b64).buffer, '');
@@ -1993,6 +2027,7 @@ def _render_preview_html(
       let skinned = null;
       root.traverse(o => {{ if (o.isSkinnedMesh) {{ if (!skinned) skinned = o; o.frustumCulled = false; }} }});
       if (!skinned) throw new Error('GLB has no skinned mesh');
+      if (entry.texture) applyCharSkin(root, entry.texture);   // map the s&box skin atlas onto the body
       root.visible = false;
       scene.add(root);
       root.updateMatrixWorld(true);