[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_107":108,"_109":110},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","znwpd","name","Si","path","client/render/characters.ts","project",{"_22":49,"_11":12,"_35":50,"_51":-5,"_52":44,"_53":54,"_55":54,"_56":57,"_58":-5,"_59":60,"_61":62,"_63":34,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/znwpd/Si/code/client/render/characters.ts","extension","id","201463fc-2cf3-4378-9e2d-5898239351c2","characters.ts","fileId","e953181c-a956-11f1-a9b2-1607ee4eb77e","parentId","caaf7bab-56bb-4997-a2c8-c6d571bdd60b","branchId","006c7f17-adcf-4827-9d82-9a8f7ed68e68","branchVersion",18,"latest",true,"createdAt",["D",1788632976530],"version",2,"fileType","script","content","/**\n * キャラクター 3D ビルダー。\n * プリミティブを組み合わせた「ちび寄りの低ポリ + セルシェーディング」で、\n * シルエットの差（頭装備・武器・体格）で一目で見分けられるようにデザインしている。\n * 陣営は足元のリング + 布の色味で識別。\n */\nimport * as THREE from \"three\";\nimport type { Look, UnitDef } from \"../data/units.ts\";\nimport type { Side } from \"../game/field.ts\";\nimport type { Unit } from \"../game/sim.ts\";\n\nexport const SIDE_COLOR: Record = { ally: 0x3b8ff0, enemy: 0xee4b3f };\n\n/* ---------------- toon material ---------------- */\nlet gradient: THREE.DataTexture | null = null;\nfunction gradientMap() {\n if (gradient) return gradient;\n const data = new Uint8Array([70, 70, 70, 255, 140, 140, 140, 255, 215, 215, 215, 255, 255, 255, 255, 255]);\n gradient = new THREE.DataTexture(data, 4, 1, THREE.RGBAFormat);\n gradient.minFilter = THREE.NearestFilter;\n gradient.magFilter = THREE.NearestFilter;\n gradient.needsUpdate = true;\n return gradient;\n}\n\nexport function toon(color: number, opts: { emissive?: number; emissiveIntensity?: number; transparent?: boolean; opacity?: number } = {}) {\n const m = new THREE.MeshToonMaterial({ color, gradientMap: gradientMap() });\n if (opts.emissive !== undefined) { m.emissive = new THREE.Color(opts.emissive); m.emissiveIntensity = opts.emissiveIntensity ?? 1; }\n if (opts.transparent) { m.transparent = true; m.opacity = opts.opacity ?? 1; }\n return m;\n}\n\nfunction mix(a: number, b: number, t: number) {\n const ca = new THREE.Color(a), cb = new THREE.Color(b);\n return ca.lerp(cb, t).getHex();\n}\nfunction darken(c: number, t: number) { return mix(c, 0x000000, t); }\n\n/* ---------------- rig ---------------- */\nexport interface Rig {\n group: THREE.Group;\n /** 傾き・伸縮の対象（足元原点） */\n root: THREE.Group;\n body: THREE.Object3D;\n head?: THREE.Object3D;\n armL?: THREE.Object3D;\n armR?: THREE.Object3D;\n legL?: THREE.Object3D;\n legR?: THREE.Object3D;\n legs: THREE.Object3D[];\n wingL?: THREE.Object3D;\n wingR?: THREE.Object3D;\n tail?: THREE.Object3D;\n ring: THREE.Mesh;\n hpBar: THREE.Group;\n hpFill: THREE.Mesh;\n hpBack: THREE.Mesh;\n materials: THREE.MeshToonMaterial[];\n height: number;\n scale: number;\n archetype: Look[\"archetype\"];\n}\n\nclass Builder {\n materials: THREE.MeshToonMaterial[] = [];\n mat(color: number, emissive?: number) {\n const m = toon(color, emissive !== undefined ? { emissive, emissiveIntensity: 0.9 } : {});\n this.materials.push(m);\n return m;\n }\n mesh(geo: THREE.BufferGeometry, color: number, emissive?: number) {\n const m = new THREE.Mesh(geo, this.mat(color, emissive));\n m.castShadow = true;\n return m;\n }\n box(w: number, h: number, d: number, color: number) { return this.mesh(new THREE.BoxGeometry(w, h, d), color); }\n sphere(r: number, color: number, seg = 12) { return this.mesh(new THREE.SphereGeometry(r, seg, seg), color); }\n capsule(r: number, len: number, color: number) { return this.mesh(new THREE.CapsuleGeometry(r, len, 4, 10), color); }\n cyl(rt: number, rb: number, h: number, color: number, seg = 10) { return this.mesh(new THREE.CylinderGeometry(rt, rb, h, seg), color); }\n cone(r: number, h: number, color: number, seg = 10) { return this.mesh(new THREE.ConeGeometry(r, h, seg), color); }\n}\n\nfunction at(o: T, x: number, y: number, z: number, rx = 0, ry = 0, rz = 0): T {\n o.position.set(x, y, z); o.rotation.set(rx, ry, rz); return o;\n}\n\n/* ---------------- parts ---------------- */\nfunction eyes(b: Builder, parent: THREE.Object3D, r: number, y: number, z: number, spread: number, color = 0x1a1410) {\n const l = b.sphere(r, color, 6), rr = b.sphere(r, color, 6);\n at(l, -spread, y, z); at(rr, spread, y, z);\n parent.add(l, rr);\n}\n\nfunction weapon(b: Builder, look: Look, accent: number): THREE.Object3D {\n const g = new THREE.Group();\n const metal = 0xd8dde3, wood = 0x6b4a2b;\n switch (look.weapon) {\n case \"sword\": {\n g.add(at(b.box(0.05, 0.62, 0.11, metal), 0, 0.45, 0));\n g.add(at(b.box(0.06, 0.06, 0.26, accent), 0, 0.14, 0));\n g.add(at(b.cyl(0.03, 0.03, 0.16, wood), 0, 0.04, 0));\n break;\n }\n case \"dagger\": {\n g.add(at(b.box(0.045, 0.34, 0.09, metal), 0, 0.3, 0));\n g.add(at(b.box(0.05, 0.04, 0.16, darken(accent, 0.2)), 0, 0.12, 0));\n break;\n }\n case \"axe\": {\n g.add(at(b.cyl(0.03, 0.03, 0.66, wood), 0, 0.3, 0));\n g.add(at(b.box(0.06, 0.28, 0.22, metal), 0, 0.5, 0.1));\n break;\n }\n case \"club\": {\n g.add(at(b.cyl(0.09, 0.05, 0.6, wood), 0, 0.3, 0, 0, 0, 0));\n g.add(at(b.sphere(0.13, darken(wood, 0.3), 8), 0, 0.6, 0));\n break;\n }\n case \"spear\": {\n g.add(at(b.cyl(0.025, 0.025, 1.1, wood), 0, 0.45, 0));\n g.add(at(b.cone(0.07, 0.22, metal, 6), 0, 1.1, 0));\n break;\n }\n case \"lance\": {\n g.add(at(b.cyl(0.02, 0.06, 1.3, accent), 0, 0.55, 0));\n g.add(at(b.cone(0.05, 0.22, metal, 6), 0, 1.3, 0));\n g.add(at(b.cone(0.14, 0.14, darken(accent, 0.3), 8), 0, 0.06, 0, Math.PI));\n break;\n }\n case \"staff\": {\n g.add(at(b.cyl(0.03, 0.03, 0.9, wood), 0, 0.4, 0));\n g.add(at(b.sphere(0.1, accent, 8), 0, 0.92, 0));\n (g.children[1] as THREE.Mesh).material = b.mat(accent, accent);\n break;\n }\n case \"bow\": {\n const arc = b.mesh(new THREE.TorusGeometry(0.42, 0.025, 6, 16, Math.PI), wood);\n at(arc, 0, 0.3, 0, 0, Math.PI / 2, 0);\n g.add(arc);\n const str = new THREE.Mesh(new THREE.BoxGeometry(0.008, 0.84, 0.008), b.mat(0xf5f0e0));\n at(str, 0, 0.3, 0.0);\n g.add(str);\n break;\n }\n case \"claws\": {\n for (let i = -1; i <= 1; i++) g.add(at(b.cone(0.025, 0.16, 0xf0e8d8, 5), i * 0.05, 0.1, 0.04, -0.4));\n break;\n }\n default: break;\n }\n return g;\n}\n\nfunction headFor(b: Builder, look: Look, team: number): { head: THREE.Group; r: number } {\n const h = new THREE.Group();\n let r = 0.19;\n const skin = look.skin;\n switch (look.head) {\n case \"helm\": {\n h.add(b.sphere(r, skin));\n const cap = b.mesh(new THREE.SphereGeometry(r + 0.03, 12, 8, 0, Math.PI * 2, 0, Math.PI * 0.62), look.armor);\n h.add(at(cap, 0, 0.02, 0));\n h.add(at(b.box(0.03, 0.14, 0.05, look.armor), 0, -0.02, r));\n h.add(at(b.cone(0.05, 0.22, team, 6), 0, r + 0.15, -0.02));\n eyes(b, h, 0.025, 0.0, r - 0.02, 0.07);\n break;\n }\n case \"hood\": {\n h.add(b.sphere(r, skin));\n const hood = b.mesh(new THREE.ConeGeometry(r + 0.06, 0.42, 10), darken(look.cloth, 0.15));\n at(hood, 0, 0.1, -0.03, -0.15);\n h.add(hood);\n eyes(b, h, 0.025, 0.0, r - 0.02, 0.07);\n break;\n }\n case \"hat\": {\n h.add(b.sphere(r, skin));\n h.add(at(b.cyl(r + 0.16, r + 0.16, 0.03, darken(look.cloth, 0.2)), 0, r - 0.02, 0));\n h.add(at(b.cone(r + 0.02, 0.5, look.cloth, 10), 0, r + 0.22, 0, 0, 0, 0.12));\n h.add(at(b.box(0.06, 0.06, 0.06, look.accent), 0.02, r + 0.05, r + 0.13));\n eyes(b, h, 0.025, 0.0, r - 0.02, 0.07);\n break;\n }\n case \"skull\": {\n h.add(b.sphere(r, skin));\n h.add(at(b.box(0.2, 0.08, 0.14, skin), 0, -0.16, 0.04));\n eyes(b, h, 0.05, 0.02, r - 0.04, 0.075, 0x1a1010);\n break;\n }\n case \"goblin\": {\n r = 0.2;\n h.add(b.sphere(r, skin));\n h.add(at(b.cone(0.05, 0.22, skin, 6), -0.2, 0.06, 0, 0, 0, 1.3));\n h.add(at(b.cone(0.05, 0.22, skin, 6), 0.2, 0.06, 0, 0, 0, -1.3));\n h.add(at(b.cone(0.035, 0.12, skin, 6), 0, -0.03, r + 0.02, 1.57));\n eyes(b, h, 0.035, 0.03, r - 0.03, 0.08, 0xf7e27a);\n break;\n }\n case \"orc\": {\n r = 0.22;\n h.add(b.sphere(r, skin));\n h.add(at(b.box(0.26, 0.09, 0.14, skin), 0, -0.12, 0.1));\n h.add(at(b.cone(0.03, 0.1, 0xf5f0e0, 5), -0.09, -0.1, 0.2));\n h.add(at(b.cone(0.03, 0.1, 0xf5f0e0, 5), 0.09, -0.1, 0.2));\n h.add(at(b.box(0.02, 0.1, 0.1, 0x8a8a8a), 0, 0.22, 0.05));\n eyes(b, h, 0.03, 0.05, r - 0.03, 0.08, 0xd94a3a);\n break;\n }\n case \"lizard\": {\n r = 0.19;\n h.add(b.sphere(r, skin));\n h.add(at(b.box(0.16, 0.13, 0.3, skin), 0, -0.04, r + 0.08));\n for (let i = 0; i < 3; i++) h.add(at(b.cone(0.04, 0.12, look.accent, 5), 0, r + 0.02, -0.1 + i * 0.09, -0.6));\n eyes(b, h, 0.035, 0.05, r - 0.02, 0.09, 0xf7e27a);\n break;\n }\n case \"wolf\": {\n r = 0.2;\n h.add(b.sphere(r, skin));\n h.add(at(b.box(0.14, 0.12, 0.26, darken(skin, 0.1)), 0, -0.04, r + 0.06));\n h.add(at(b.cone(0.06, 0.18, skin, 5), -0.1, r + 0.05, -0.02));\n h.add(at(b.cone(0.06, 0.18, skin, 5), 0.1, r + 0.05, -0.02));\n eyes(b, h, 0.03, 0.05, r - 0.02, 0.08, 0xffc94a);\n break;\n }\n default: {\n h.add(b.sphere(r, skin));\n const hair = b.mesh(new THREE.SphereGeometry(r + 0.02, 12, 8, 0, Math.PI * 2, 0, Math.PI * 0.5), look.accent);\n h.add(at(hair, 0, 0.03, -0.02));\n eyes(b, h, 0.025, 0.0, r - 0.02, 0.07);\n }\n }\n return { head: h, r };\n}\n\n/* ---------------- archetypes ---------------- */\nfunction humanoid(b: Builder, look: Look, team: number, legs: THREE.Object3D[]) {\n const g = new THREE.Group();\n const cloth = mix(look.cloth, team, 0.35);\n const legH = 0.28, torsoH = 0.42;\n const legL = at(b.capsule(0.07, legH - 0.14, darken(cloth, 0.35)), -0.1, legH / 2, 0);\n const legR = at(b.capsule(0.07, legH - 0.14, darken(cloth, 0.35)), 0.1, legH / 2, 0);\n const body = new THREE.Group();\n body.position.y = legH;\n const torso = at(b.capsule(0.19, torsoH - 0.3, cloth), 0, torsoH / 2 + 0.02, 0);\n body.add(torso);\n if (look.head === \"helm\" || look.head === \"skull\") body.add(at(b.box(0.34, 0.26, 0.22, look.armor), 0, torsoH / 2 + 0.06, 0.03));\n body.add(at(b.box(0.4, 0.06, 0.22, darken(cloth, 0.4)), 0, 0.03, 0));\n if (look.cape) body.add(at(b.box(0.36, 0.5, 0.04, darken(cloth, 0.25)), 0, torsoH / 2 - 0.1, -0.2, 0.08));\n const armL = new THREE.Group(), armR = new THREE.Group();\n armL.position.set(-0.24, torsoH - 0.04, 0); armR.position.set(0.24, torsoH - 0.04, 0);\n armL.add(at(b.capsule(0.06, 0.2, look.skin), 0, -0.16, 0));\n armR.add(at(b.capsule(0.06, 0.2, look.skin), 0, -0.16, 0));\n const w = weapon(b, look, look.accent);\n at(w, 0, -0.3, 0.05, look.weapon === \"bow\" ? 0 : 0.2);\n armR.add(w);\n if (look.shield) {\n const shield = at(b.cyl(0.2, 0.2, 0.04, team, 12), -0.06, -0.22, 0.02, 0, 0, Math.PI / 2);\n shield.add(at(b.sphere(0.05, look.accent, 8), 0, 0.03, 0));\n shield.add(at(b.mesh(new THREE.TorusGeometry(0.17, 0.015, 6, 20), look.accent), 0, 0.02, 0, Math.PI / 2));\n armL.add(shield);\n }\n body.add(armL, armR);\n const { head, r } = headFor(b, look, team);\n head.position.set(0, torsoH + r + 0.02, 0);\n body.add(head);\n g.add(legL, legR, body);\n legs.push(legL, legR);\n return { g, body, head, armL, armR, legL, legR, height: legH + torsoH + r * 2 + 0.1 };\n}\n\nfunction blob(b: Builder, look: Look, team: number) {\n const g = new THREE.Group();\n const body = new THREE.Group();\n const core = b.mesh(new THREE.SphereGeometry(0.34, 16, 12), look.skin);\n core.scale.y = 0.78; core.position.y = 0.27;\n body.add(core);\n body.add(at(b.sphere(0.07, 0xffffff, 8), -0.12, 0.42, 0.22));\n eyes(b, body, 0.04, 0.3, 0.29, 0.11, 0x1a2a30);\n body.add(at(b.box(0.12, 0.02, 0.02, 0x1a2a30), 0, 0.2, 0.32));\n const ribbon = at(b.box(0.12, 0.08, 0.04, team), 0.2, 0.5, 0.05, 0, 0, -0.5);\n body.add(ribbon);\n g.add(body);\n return { g, body, height: 0.6 };\n}\n\nfunction beast(b: Builder, look: Look, team: number, legs: THREE.Object3D[]) {\n const r = humanoid(b, { ...look, weapon: \"claws\", head: \"wolf\" }, team, legs);\n r.body.children[0].scale.set(1.25, 1.05, 1.2);\n r.body.rotation.x = 0.35;\n const tail = at(b.cone(0.06, 0.4, look.skin, 6), 0, 0.1, -0.22, 2.2);\n r.body.add(tail);\n (r.armL.children[0] as THREE.Mesh).scale.set(1.3, 1.2, 1.3);\n (r.armR.children[0] as THREE.Mesh).scale.set(1.3, 1.2, 1.3);\n return { ...r, tail };\n}\n\nfunction rider(b: Builder, look: Look, team: number, legs: THREE.Object3D[]) {\n const g = new THREE.Group();\n const horseC = 0x6b4a2b, mane = 0x2a1a10;\n const body = new THREE.Group();\n body.position.y = 0.42;\n const torso = at(b.capsule(0.2, 0.5, horseC), 0, 0.22, 0, Math.PI / 2);\n body.add(torso);\n body.add(at(b.box(0.3, 0.08, 0.5, team), 0, 0.34, 0));\n const neck = at(b.capsule(0.11, 0.28, horseC), 0, 0.42, 0.36, -0.9);\n body.add(neck);\n const head = at(b.box(0.16, 0.16, 0.34, horseC), 0, 0.62, 0.62, 0.3);\n head.add(at(b.cone(0.04, 0.12, horseC, 5), -0.06, 0.12, -0.08));\n head.add(at(b.cone(0.04, 0.12, horseC, 5), 0.06, 0.12, -0.08));\n eyes(b, head, 0.02, 0.05, 0.1, 0.09);\n body.add(head);\n body.add(at(b.box(0.06, 0.18, 0.4, mane), 0, 0.6, 0.3, -0.7));\n body.add(at(b.cone(0.05, 0.4, mane, 6), 0, 0.1, -0.5, -2.4));\n for (let i = 0; i < 4; i++) {\n const leg = at(b.cyl(0.05, 0.04, 0.42, darken(horseC, 0.3)), i % 2 ? 0.12 : -0.12, 0.21, i < 2 ? 0.25 : -0.25);\n g.add(leg); legs.push(leg);\n }\n // rider\n const rl: THREE.Object3D[] = [];\n const knight = humanoid(b, { ...look, scale: 1 }, team, rl);\n knight.g.scale.setScalar(0.85);\n knight.g.position.set(0, 0.35, -0.02);\n knight.legL.rotation.z = 0.9; knight.legR.rotation.z = -0.9;\n knight.armR.rotation.x = -1.2;\n body.add(knight.g);\n g.add(body);\n return { g, body, head: knight.head, armL: knight.armL, armR: knight.armR, height: 1.45 };\n}\n\nfunction wyvern(b: Builder, look: Look, team: number) {\n const g = new THREE.Group();\n const body = new THREE.Group();\n const torso = at(b.capsule(0.2, 0.42, look.skin), 0, 0, 0, Math.PI / 2);\n body.add(torso);\n body.add(at(b.box(0.22, 0.1, 0.5, look.accent), 0, -0.14, 0.02));\n const neck = at(b.capsule(0.09, 0.25, look.skin), 0, 0.14, 0.34, -1.0);\n body.add(neck);\n const { head } = headFor(b, { ...look, head: \"lizard\" }, team);\n head.scale.setScalar(0.9);\n head.position.set(0, 0.28, 0.55); head.rotation.x = 0.2;\n body.add(head);\n const tail = at(b.cone(0.08, 0.8, look.skin, 6), 0, -0.02, -0.62, -1.75);\n body.add(tail);\n const wingGeo = new THREE.BoxGeometry(0.9, 0.03, 0.5);\n const wingL = new THREE.Group(), wingR = new THREE.Group();\n wingL.position.set(-0.12, 0.12, 0); wingR.position.set(0.12, 0.12, 0);\n wingL.add(at(b.mesh(wingGeo, look.cloth), -0.45, 0, -0.05));\n wingR.add(at(b.mesh(wingGeo, look.cloth), 0.45, 0, -0.05));\n wingL.add(at(b.cyl(0.03, 0.02, 0.9, darken(look.skin, 0.2)), -0.45, 0.02, 0.18, 0, 0, Math.PI / 2));\n wingR.add(at(b.cyl(0.03, 0.02, 0.9, darken(look.skin, 0.2)), 0.45, 0.02, 0.18, 0, 0, Math.PI / 2));\n body.add(wingL, wingR);\n body.add(at(b.box(0.16, 0.06, 0.16, team), 0, 0.16, 0.2));\n for (const s of [-1, 1]) body.add(at(b.capsule(0.05, 0.12, darken(look.skin, 0.2)), s * 0.12, -0.2, -0.1, 0.6));\n body.position.y = 0.4;\n g.add(body);\n return { g, body, head, wingL, wingR, tail, height: 0.9 };\n}\n\nfunction golem(b: Builder, look: Look, team: number, legs: THREE.Object3D[]) {\n const g = new THREE.Group();\n const rock = look.skin, dark = look.cloth;\n const legL = at(b.box(0.34, 0.4, 0.36, dark), -0.28, 0.2, 0);\n const legR = at(b.box(0.34, 0.4, 0.36, dark), 0.28, 0.2, 0);\n const body = new THREE.Group();\n body.position.y = 0.4;\n body.add(at(b.box(0.95, 0.75, 0.6, rock), 0, 0.4, 0));\n body.add(at(b.box(0.7, 0.2, 0.62, dark), 0, 0.02, 0));\n body.add(at(b.box(0.2, 0.34, 0.06, look.accent), 0, 0.42, 0.31));\n (body.children[2] as THREE.Mesh).material = b.mat(look.accent, look.accent);\n const head = at(b.box(0.42, 0.34, 0.4, rock), 0, 0.92, 0.02);\n const eye = b.mesh(new THREE.BoxGeometry(0.26, 0.06, 0.04), look.accent, look.accent);\n head.add(at(eye, 0, 0.02, 0.2));\n body.add(head);\n const armL = new THREE.Group(), armR = new THREE.Group();\n armL.position.set(-0.6, 0.66, 0); armR.position.set(0.6, 0.66, 0);\n armL.add(at(b.box(0.34, 0.8, 0.36, rock), -0.05, -0.36, 0));\n armR.add(at(b.box(0.34, 0.8, 0.36, rock), 0.05, -0.36, 0));\n armL.add(at(b.box(0.4, 0.3, 0.42, dark), -0.05, -0.85, 0));\n armR.add(at(b.box(0.4, 0.3, 0.42, dark), 0.05, -0.85, 0));\n body.add(armL, armR);\n body.add(at(b.box(0.3, 0.1, 0.1, team), 0, 0.72, 0.31));\n g.add(legL, legR, body);\n legs.push(legL, legR);\n return { g, body, head, armL, armR, legL, legR, height: 1.75 };\n}\n\nfunction cyclops(b: Builder, look: Look, team: number, legs: THREE.Object3D[]) {\n const r = humanoid(b, { ...look, head: \"bare\", weapon: \"club\", shield: false }, team, legs);\n // 単眼に差し替え\n r.head.clear();\n const skull = b.sphere(0.24, look.skin);\n r.head.add(skull);\n const eyeW = b.sphere(0.1, 0xffffff, 10), iris = b.sphere(0.05, 0x2a5a8a, 8);\n r.head.add(at(eyeW, 0, 0.02, 0.19), at(iris, 0, 0.02, 0.27));\n r.head.add(at(b.box(0.2, 0.05, 0.08, look.skin), 0, -0.12, 0.2));\n r.head.add(at(b.cone(0.05, 0.16, 0xf0e8d8, 6), 0, 0.26, -0.02));\n r.body.children[0].scale.set(1.35, 1.15, 1.3);\n r.body.add(at(b.box(0.44, 0.2, 0.3, look.cloth), 0, 0.02, 0));\n (r.armR.children[0] as THREE.Mesh).scale.set(1.5, 1.2, 1.5);\n (r.armL.children[0] as THREE.Mesh).scale.set(1.5, 1.2, 1.5);\n r.armR.children[1].scale.setScalar(1.6);\n return { ...r, height: r.height * 1.15 };\n}\n\nfunction dragon(b: Builder, look: Look, team: number, legs: THREE.Object3D[]) {\n const g = new THREE.Group();\n const body = new THREE.Group();\n body.position.y = 0.55;\n const torso = at(b.capsule(0.36, 0.7, look.skin), 0, 0.1, 0, Math.PI / 2);\n body.add(torso);\n body.add(at(b.box(0.44, 0.2, 1.0, look.cloth), 0, -0.2, 0.05));\n for (let i = 0; i < 5; i++) body.add(at(b.cone(0.07, 0.2, look.armor, 5), 0, 0.46 - i * 0.02, 0.35 - i * 0.22));\n const neck = at(b.capsule(0.16, 0.45, look.skin), 0, 0.45, 0.62, -0.9);\n body.add(neck);\n const head = new THREE.Group();\n head.position.set(0, 0.85, 0.95);\n head.add(b.sphere(0.24, look.skin));\n head.add(at(b.box(0.26, 0.18, 0.42, look.skin), 0, -0.06, 0.28));\n head.add(at(b.box(0.24, 0.08, 0.36, look.cloth), 0, -0.16, 0.26));\n head.add(at(b.cone(0.06, 0.28, look.accent, 6), -0.12, 0.22, -0.1, -0.5));\n head.add(at(b.cone(0.06, 0.28, look.accent, 6), 0.12, 0.22, -0.1, -0.5));\n eyes(b, head, 0.04, 0.06, 0.2, 0.12, 0xffe27a);\n body.add(head);\n const tail = at(b.cone(0.14, 1.2, look.skin, 7), 0, 0.0, -1.0, -1.9);\n body.add(tail);\n const wingGeo = new THREE.BoxGeometry(1.3, 0.04, 0.8);\n const wingL = new THREE.Group(), wingR = new THREE.Group();\n wingL.position.set(-0.2, 0.4, 0); wingR.position.set(0.2, 0.4, 0);\n wingL.add(at(b.mesh(wingGeo, look.armor), -0.65, 0.1, -0.15, 0, 0, 0.35));\n wingR.add(at(b.mesh(wingGeo, look.armor), 0.65, 0.1, -0.15, 0, 0, -0.35));\n body.add(wingL, wingR);\n body.add(at(b.box(0.3, 0.1, 0.16, team), 0, 0.5, 0.55));\n for (let i = 0; i < 4; i++) {\n const leg = at(b.cyl(0.11, 0.09, 0.55, darken(look.skin, 0.15)), i % 2 ? 0.28 : -0.28, 0.27, i < 2 ? 0.35 : -0.35);\n g.add(leg); legs.push(leg);\n }\n g.add(body);\n return { g, body, head, wingL, wingR, tail, height: 1.9 };\n}\n\n/* ---------------- public ---------------- */\nexport function buildCharacter(def: UnitDef, side: Side): Rig {\n const b = new Builder();\n const look = def.look;\n const team = SIDE_COLOR[side];\n const legs: THREE.Object3D[] = [];\n let parts: any;\n switch (look.archetype) {\n case \"blob\": parts = blob(b, look, team); break;\n case \"beast\": parts = beast(b, look, team, legs); break;\n case \"rider\": parts = rider(b, look, team, legs); break;\n case \"wyvern\": parts = wyvern(b, look, team); break;\n case \"golem\": parts = golem(b, look, team, legs); break;\n case \"cyclops\": parts = cyclops(b, look, team, legs); break;\n case \"dragon\": parts = dragon(b, look, team, legs); break;\n case \"statue\": {\n parts = humanoid(b, { ...look, head: \"helm\", weapon: \"sword\", shield: true, cloth: look.skin, armor: look.skin, accent: look.skin }, look.skin, legs);\n for (const m of b.materials) m.color.set(look.skin);\n break;\n }\n default: parts = humanoid(b, look, team, legs);\n }\n\n const root = new THREE.Group();\n root.add(parts.g);\n root.scale.setScalar(look.scale);\n const group = new THREE.Group();\n group.add(root);\n\n // team ring\n const ring = new THREE.Mesh(\n new THREE.RingGeometry(def.radius * 0.9, def.radius * 1.15, 24),\n new THREE.MeshBasicMaterial({ color: team, transparent: true, opacity: 0.75, side: THREE.DoubleSide, depthWrite: false }),\n );\n ring.rotation.x = -Math.PI / 2;\n ring.position.y = 0.015;\n group.add(ring);\n\n // hp bar\n const w = Math.max(0.5, def.radius * 2.2);\n const hpBar = new THREE.Group();\n const hpBack = new THREE.Mesh(new THREE.PlaneGeometry(w, 0.09), new THREE.MeshBasicMaterial({ color: 0x140c08, transparent: true, opacity: 0.85, depthTest: false }));\n const hpFill = new THREE.Mesh(new THREE.PlaneGeometry(w, 0.07), new THREE.MeshBasicMaterial({ color: side === \"ally\" ? 0x5ab5ff : 0xff6a5a, depthTest: false }));\n hpFill.position.z = 0.001;\n hpBar.add(hpBack, hpFill);\n hpBar.renderOrder = 10;\n hpBar.position.y = parts.height * look.scale + (def.flying ? 0.1 : 0.25);\n group.add(hpBar);\n\n return {\n group, root, body: parts.body, head: parts.head, armL: parts.armL, armR: parts.armR,\n legL: parts.legL, legR: parts.legR, legs, wingL: parts.wingL, wingR: parts.wingR, tail: parts.tail,\n ring, hpBar, hpFill, hpBack, materials: b.materials, height: parts.height * look.scale, scale: look.scale,\n archetype: look.archetype,\n };\n}\n\n/** 毎フレームのアニメーション更新 */\nexport function animateRig(rig: Rig, u: Unit, time: number, camQuat: THREE.Quaternion) {\n const g = rig.group;\n g.position.set(u.x, u.alt, u.z);\n // 進行方向: モデルの前方は +z。ally(右向き)は +x へ。\n const targetRot = u.facing > 0 ? Math.PI / 2 : -Math.PI / 2;\n g.rotation.y += (targetRot - g.rotation.y) * 0.25;\n\n const root = rig.root;\n const s = rig.scale;\n const speedMul = u.buffs.dash > 0 ? 1.8 : 1;\n const phase = time * 9 * speedMul + u.id;\n\n // spawning: 地面から出てくる\n if (u.state === \"spawning\") {\n const k = Math.min(1, u.t / 0.75);\n const e = 1 - Math.pow(1 - k, 3);\n root.scale.set(s * (0.6 + 0.4 * e), s * e * (1 + Math.sin(k * Math.PI) * 0.25), s * (0.6 + 0.4 * e));\n root.rotation.set(0, 0, 0);\n rig.hpBar.visible = false;\n return;\n }\n rig.hpBar.visible = true;\n if (u.state === \"dead\") {\n const k = Math.min(1, u.deathT / 1.0);\n root.rotation.z = -k * 1.5 * (u.facing);\n root.position.y = -k * k * 0.9;\n root.scale.setScalar(s * (1 - k * 0.3));\n rig.hpBar.visible = false;\n rig.ring.visible = false;\n for (const m of rig.materials) { m.transparent = true; m.opacity = 1 - k; }\n return;\n }\n root.rotation.set(0, 0, 0);\n root.position.y = 0;\n root.scale.setScalar(s);\n\n // hit flash\n const flash = u.hitFlash > 0 ? Math.pow(u.hitFlash, 2) : 0;\n const skill = u.skillFlash;\n for (const m of rig.materials) {\n const base = (m as any).__baseEmissive ?? ((m as any).__baseEmissive = m.emissive.getHex());\n if (flash > 0) m.emissive.setRGB(flash, flash, flash);\n else if (skill > 0) m.emissive.setHex(base).lerp(new THREE.Color(u.side === \"ally\" ? 0x88c8ff : 0xffaa88), skill * 0.6);\n else m.emissive.setHex(base);\n }\n if (flash > 0.4) root.position.x = (Math.random() - 0.5) * 0.06;\n\n const walking = u.state === \"walk\";\n const attacking = u.state === \"attack\";\n const swing = walking ? Math.sin(phase) : 0;\n const bob = walking ? Math.abs(Math.sin(phase)) * 0.045 : Math.sin(time * 2 + u.id) * 0.012;\n const atk = u.attackAnim; // 1 → 0\n\n switch (rig.archetype) {\n case \"blob\": {\n const sq = walking ? 1 + Math.sin(phase) * 0.12 : 1 + Math.sin(time * 3 + u.id) * 0.04;\n rig.body.scale.set(1 / Math.sqrt(sq), sq, 1 / Math.sqrt(sq));\n rig.body.position.y = walking ? Math.max(0, Math.sin(phase)) * 0.18 : 0;\n if (atk > 0) rig.body.position.z = atk * 0.3;\n else rig.body.position.z = 0;\n break;\n }\n case \"wyvern\": {\n const flap = Math.sin(time * 7 + u.id) * 0.55;\n rig.wingL!.rotation.z = flap; rig.wingR!.rotation.z = -flap;\n rig.body.position.y = 0.4 + Math.sin(time * 3.2 + u.id) * 0.08;\n rig.body.rotation.x = walking ? 0.18 : 0;\n if (rig.tail) rig.tail.rotation.z = Math.sin(time * 3 + u.id) * 0.15;\n if (atk > 0) { rig.body.rotation.x = -atk * 0.5; rig.body.position.z = atk * 0.25; } else rig.body.position.z = 0;\n break;\n }\n case \"dragon\": {\n const flap = Math.sin(time * 2.6 + u.id) * 0.25;\n rig.wingL!.rotation.z = flap; rig.wingR!.rotation.z = -flap;\n rig.legs.forEach((l, i) => { l.rotation.x = walking ? Math.sin(phase * 0.6 + (i % 2 ? Math.PI : 0) + (i < 2 ? 0 : Math.PI / 2)) * 0.45 : 0; });\n rig.body.position.y = 0.55 + bob * 0.5;\n if (rig.tail) rig.tail.rotation.y = Math.sin(time * 2 + u.id) * 0.2;\n if (rig.head) { rig.head.rotation.x = atk > 0 ? -0.5 + atk * 0.8 : Math.sin(time * 1.5) * 0.06; rig.head.position.z = 0.95 + atk * 0.2; }\n break;\n }\n case \"rider\": {\n rig.legs.forEach((l, i) => { l.rotation.x = walking ? Math.sin(phase * 0.9 + (i % 3) * 1.4) * 0.7 : 0; });\n rig.body.position.y = 0.42 + bob * 1.4;\n rig.body.rotation.x = walking ? Math.sin(phase * 0.9) * 0.05 : 0;\n if (rig.armR) rig.armR.rotation.x = -1.2 - atk * 0.6;\n break;\n }\n case \"golem\": {\n rig.legs.forEach((l, i) => { l.rotation.x = walking ? Math.sin(phase * 0.5 + (i ? Math.PI : 0)) * 0.35 : 0; });\n rig.body.position.y = 0.4 + Math.abs(Math.sin(phase * 0.5)) * (walking ? 0.08 : 0);\n rig.body.rotation.z = walking ? Math.sin(phase * 0.5) * 0.06 : 0;\n if (rig.armL) rig.armL.rotation.x = walking ? -swing * 0.3 : -atk * 2.2;\n if (rig.armR) rig.armR.rotation.x = walking ? swing * 0.3 : -atk * 2.2;\n break;\n }\n default: {\n // humanoid / beast / cyclops / statue\n if (rig.archetype === \"statue\") break;\n if (rig.legL && rig.legR) { rig.legL.rotation.x = swing * 0.7; rig.legR.rotation.x = -swing * 0.7; }\n rig.body.position.y = (rig.legL ? 0.28 : 0) + bob;\n if (rig.armL) rig.armL.rotation.x = attacking ? 0.3 : -swing * 0.6;\n if (rig.armR) {\n // 振りかぶり → 振り下ろし\n const windup = atk > 0.6 ? (atk - 0.6) / 0.4 : 0; // 1→0.6: 後ろへ振りかぶる\n const strike = atk > 0 && atk <= 0.6 ? atk / 0.6 : 0; // 0.6→0: 前へ振り下ろす\n if (windup > 0) rig.armR.rotation.x = 0.9 * windup - 1.4 * (1 - windup);\n else if (strike > 0) rig.armR.rotation.x = -1.4 * strike;\n else rig.armR.rotation.x = attacking ? -0.4 : swing * 0.6;\n }\n rig.body.rotation.x = (rig.archetype === \"beast\" ? 0.35 : 0) + (atk > 0 && atk <= 0.6 ? 0.25 * (atk / 0.6) : 0);\n if (rig.head) rig.head.rotation.y = Math.sin(time * 1.3 + u.id) * 0.08;\n if (rig.tail) rig.tail.rotation.y = Math.sin(time * 4 + u.id) * 0.3;\n }\n }\n\n // HP bar billboard\n rig.hpBar.quaternion.copy(camQuat);\n const ratio = Math.max(0, Math.min(1, u.hp / u.maxHp));\n const w = (rig.hpBack.geometry as THREE.PlaneGeometry).parameters.width;\n rig.hpFill.scale.x = Math.max(0.001, ratio);\n rig.hpFill.position.x = -(1 - ratio) * w / 2;\n rig.hpBar.visible = ratio < 0.999 || u.def.kind === \"large\";\n // stun/poison tint on ring\n const ringMat = rig.ring.material as THREE.MeshBasicMaterial;\n if (u.buffs.stun > 0) ringMat.color.setHex(0xffe27a);\n else if (u.buffs.poison > 0) ringMat.color.setHex(0x9bff5a);\n else ringMat.color.setHex(SIDE_COLOR[u.side]);\n}\n","deleted",false,"label",[47,48,24],"client","render","982b2a97-735b-4d6e-81a1-41c72b4c4126",["D",1788631518075],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","城ドラ風 3D リアルタイム対戦ストラテジー（Three.js / スマホ対応）","imageUrl","userId","a29c49e1-ebc3-4041-ae9a-d1ed031b2b06","pinnedFileId","5a5f33fe-a954-11f1-b1ed-1607ee4eb77e","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019f7936-1b37-72ac-a531-5645d098a506","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_106":102},"org",{"_9":10,"_100":10,"_101":102,"_59":60,"_103":104,"_105":44},"branch",{"_37":90,"_11":91,"_22":30,"_92":49,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":12,"_99":10},"isOwned",21,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://avatars.githubusercontent.com/u/305894247?v=4","tier","free","canRestrictVals","profileImageUrl","ctx",{"_83":-5,"_140":141,"_142":143,"_144":145,"_146":44,"_147":44,"_148":44,"_149":34,"_150":-5,"_151":-7,"_152":-7,"_153":67,"_154":44,"_155":44,"_156":-5,"_157":44,"_158":44,"_159":44,"_160":-5},"ENV",{"_111":112,"_113":114,"_115":91,"_116":117,"_118":119,"_120":121,"_122":123,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135,"_136":137,"_138":139},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]