\n 城とドラゴン\n

リアルタイムストラテジー

\n \n \n

\n キャラを選んで青いマスをタップで召喚。砦を占拠して召喚ラインを前へ。
制限時間3分、敵城を落とすか残りHPで勝敗が決まる。\n

\n \n

\n\n \n

\n \n

\n\n

横向きにすると本家に近いレイアウトで遊べます

\n \n \n",[],[240],"49137068-6093-41d0-bbc5-613d64032253","README.md","d8ad2722-a957-11f1-aab1-1607ee4eb77e",19,["D",1788633018632],"# 城と竜 — 3D リアルタイム対戦ストラテジー\n\n『城とドラゴン』（アソビズム）のバトルルール・画面構成を忠実に再現し、独自要素として **フル3D の戦場と切り替え可能な視点** を加えたブラウザゲーム。スマートフォン（横向き推奨）／PC 両対応。\n\n[▶ プレイする](url:main.ts)\n\n## 本家準拠のルール\n\n| 要素 | 実装 |\n| --- | --- |\n| 制限時間 | 3分。上部中央にタイマー、左右に自城/敵城 HP バー |\n| コスト | 開始 30。回復速度は残り時間で加速 — 1/6秒 → (2:00) 1/5秒 → (1:00) 1/4秒 → (0:30) 1/3秒 |\n| 手札 | 剣士（∞召喚）＋ランダム 7 体。各キャラに召喚数制限、大型は 2 体まで |\n| 召喚 | キャラを選び、自陣の青いマスをタップ。重ね出し可 |\n| 砦 | 3 つが斜めに配置。HP を削り **砦占拠キャラ**（剣士・ゴブリン・騎馬兵）の一撃で旗が立つ。占拠すると召喚ラインが前進。中央砦を持っていれば手前を取られてもラインは下がらない |\n| キャラ種別 | 小型/中型/大型、進撃/迎撃、地上/飛行、対空、範囲攻撃 |\n| スキル | 攻撃時に確率発動（ゴウゲキ・ブンレツ・カベツクリ・フッカツ・トツゲキ・グラグラ・ダイネッセン…） |\n| 大砲 | 城から着弾点を狙って撃つ。ダメージ＋吹き飛ばし（大型は飛ばない）。クールダウン 18 秒 |\n| 城のドラゴン | 城が攻められ HP 70% を切ると屋根の上のドラゴンが目覚め、城前をブレスで焼く |\n| 勝敗 | 完全勝利（全砦＋落城）／落城勝利／点差勝利（残HP）／判定勝利（砦数）／引き分け |\n\n## 独自要素: 3D\n\n- Three.js によるフル 3D。セルシェーディングでキャラ・城・砦を描画\n- **視点切替**: 標準（本家に近い横からの俯角）／俯瞰／自由（ドラッグ回転・ピンチズーム）\n- 手札アイコンは実際の 3D モデルをレンダリングしているので、戦場と完全一致\n\n## キャラクター（全 14 種）\n\n剣士 / アーチャー / 魔法使い / ゴブリン / スライム / オーク / リザードマン / スケルトン / ワーウルフ / 騎馬兵 / ワイバーン / ゴーレム / サイクロプス / レッドドラゴン\n\n外見はすべてプリミティブから手組みした独自デザイン（`client/render/characters.ts`）。頭装備・武器・体格でシルエットを差別化し、陣営は足元のリングと衣装の色味で識別。\n\n## 構成\n\n```mermaid\nflowchart LR\n A[client/main.ts
入力・ループ] --> S[game/sim.ts
ルール・戦闘]\n A --> AI[game/ai.ts
敵AI]\n AI --> S\n S --> R[render/scene.ts
3D 描画]\n S --> H[ui/hud.ts
DOM HUD]\n R --> C[render/characters.ts
キャラ 3D ビルダー]\n H --> P[render/portrait.ts
アイコン生成]\n P --> C\n D[data/units.ts
キャラ定義] --> S\n D --> C\n```\n\n- `main.ts` — HTTP エントリ。`index.html` / `styles.css` / `client/**` を配信\n- `client/game/` — 描画に依存しない純粋ロジック（テスト・別レンダラー差し替えが容易）\n- `client/render/` — Three.js。`Sim` の状態を毎フレーム反映するだけ\n\n## 操作\n\n- 手札タップ → 青いマスをタップで召喚（PC: `1`〜`8` キー）\n- 大砲ボタン → 着弾点をタップ（PC: `C`）\n- 右上「視点」で 3D 視点切替（PC: `V`）、「速度」で ×2\n\n## バランス調整\n\n`client/data/units.ts` の数値と `client/game/sim.ts` 冒頭の定数（城HP・砦HP・大砲）を編集。\n",[],[248],"539fa5bf-1fc8-4fd2-b8d7-fd28f709bc9e","9b238770-a957-11f1-a993-1607ee4eb77e",16,["D",1788632915510],"/**\n * エントリーポイント。Sim(ロジック) / Scene3D(描画) / Hud(DOM) を結線する。\n * 操作: 手札タップでキャラ選択 → 青いマスをタップで召喚。大砲ボタン → 着弾点をタップ。\n */\nimport { drawHand, type UnitDef } from \"./data/units.ts\";\nimport { EnemyAI } from \"./game/ai.ts\";\nimport { FORT_SPECS, worldToTile } from \"./game/field.ts\";\nimport { Sim } from \"./game/sim.ts\";\nimport { Scene3D, VIEW_LABEL } from \"./render/scene.ts\";\nimport { Hud, makeCard } from \"./ui/hud.ts\";\n\nconst $ = (id: string) => document.getElementById(id)!;\nconst canvas = $(\"gl\") as HTMLCanvasElement;\n\nconst scene = new Scene3D(canvas);\nconst hud = new Hud();\n\nlet sim: Sim | null = null;\nlet ai: EnemyAI | null = null;\nlet allyHand: UnitDef[] = drawHand();\nlet selectedSlot: number | null = null;\nlet cannonMode = false;\nlet speed = 1;\nlet resultShown = false;\nlet hover: { x: number; z: number } | null = null;\n\n/* ---------------- title ---------------- */\nfunction renderDeckPreview() {\n const box = $(\"deck-preview\");\n box.innerHTML = \"\";\n for (const def of allyHand) box.appendChild(makeCard(def, \"ally\"));\n}\nrenderDeckPreview();\n$(\"btn-reroll\").addEventListener(\"click\", () => { allyHand = drawHand(); renderDeckPreview(); });\n$(\"btn-start\").addEventListener(\"click\", startBattle);\n$(\"btn-again\").addEventListener(\"click\", () => { $(\"result-screen\").classList.add(\"hidden\"); allyHand = drawHand(); renderDeckPreview(); $(\"title-screen\").classList.remove(\"hidden\"); sim = null; ai = null; });\n\nfunction startBattle() {\n sim = new Sim(allyHand, drawHand());\n ai = new EnemyAI(sim);\n selectedSlot = 0; cannonMode = false; resultShown = false;\n hud.buildHand(allyHand, (slot) => {\n if (!sim) return;\n cannonMode = false;\n selectedSlot = selectedSlot === slot ? null : slot;\n hud.setSelected(selectedSlot, false);\n });\n hud.setSelected(selectedSlot, false);\n $(\"title-screen\").classList.add(\"hidden\");\n hud.toast(\"バトル開始！砦を占拠して召喚ラインを前へ\", 2200);\n}\n\n/* ---------------- tools ---------------- */\n$(\"btn-view\").addEventListener(\"click\", () => { const v = scene.cycleView(); $(\"view-name\").textContent = VIEW_LABEL[v]; if (v === \"free\") hud.toast(\"ドラッグで回転 / ピンチでズーム\", 1600); });\n$(\"btn-speed\").addEventListener(\"click\", () => { speed = speed === 1 ? 2 : 1; $(\"speed-name\").textContent = `×${speed}`; });\nhud.cannonBtn.addEventListener(\"pointerdown\", (e) => {\n e.preventDefault(); e.stopPropagation();\n if (!sim) return;\n if (!sim.canFireCannon(\"ally\")) { hud.toast(\"大砲は装填中…\"); return; }\n cannonMode = !cannonMode;\n if (cannonMode) selectedSlot = null;\n hud.setSelected(selectedSlot, cannonMode);\n if (cannonMode) hud.toast(\"着弾点をタップ\", 1200);\n});\n\n/* ---------------- pointer input ---------------- */\nconst pointers = new Map();\nlet pinchDist = 0;\n\ncanvas.addEventListener(\"pointerdown\", (e) => {\n canvas.setPointerCapture(e.pointerId);\n pointers.set(e.pointerId, { x: e.clientX, y: e.clientY, sx: e.clientX, sy: e.clientY, moved: false });\n if (pointers.size === 2) { const [a, b] = [...pointers.values()]; pinchDist = Math.hypot(a.x - b.x, a.y - b.y); }\n hover = scene.pickGround(e.clientX, e.clientY);\n});\ncanvas.addEventListener(\"pointermove\", (e) => {\n const p = pointers.get(e.pointerId);\n if (p) {\n const dx = e.clientX - p.x, dy = e.clientY - p.y;\n p.x = e.clientX; p.y = e.clientY;\n if (Math.hypot(e.clientX - p.sx, e.clientY - p.sy) > 8) p.moved = true;\n if (pointers.size === 1 && scene.view === \"free\") scene.orbitBy(dx, dy);\n if (pointers.size === 2) {\n const [a, b] = [...pointers.values()];\n const d = Math.hypot(a.x - b.x, a.y - b.y);\n if (pinchDist > 0) scene.zoomBy(pinchDist / d);\n pinchDist = d;\n }\n }\n hover = scene.pickGround(e.clientX, e.clientY);\n});\nconst endPointer = (e: PointerEvent) => {\n const p = pointers.get(e.pointerId);\n pointers.delete(e.pointerId);\n if (!p || p.moved || !sim || sim.finished) return;\n const g = scene.pickGround(e.clientX, e.clientY);\n if (!g) return;\n if (cannonMode) {\n if (sim.fireCannon(\"ally\", g.x, g.z)) { cannonMode = false; hud.setSelected(selectedSlot, false); scene.addShake(0.35); }\n return;\n }\n if (selectedSlot === null) return;\n const tile = worldToTile(g.x, g.z);\n if (!tile) return;\n const hand = sim.hands.ally[selectedSlot];\n if (!sim.canSummon(\"ally\", tile.col, tile.row)) { hud.toast(\"そのマスには召喚できない\"); return; }\n if (hand.remaining <= 0) { hud.toast(\"召喚数が残っていない\"); return; }\n if (sim.cost.ally < hand.def.cost) { hud.toast(`コストが足りない（${hand.def.cost}必要）`); return; }\n sim.summon(\"ally\", selectedSlot, tile.col, tile.row);\n // 剣士以外は召喚後に選択解除（本家の操作感）\n if (hand.def.summons !== Infinity) { selectedSlot = hand.remaining > 0 ? selectedSlot : null; }\n hud.setSelected(selectedSlot, false);\n};\ncanvas.addEventListener(\"pointerup\", endPointer);\ncanvas.addEventListener(\"pointercancel\", (e) => pointers.delete(e.pointerId));\ncanvas.addEventListener(\"wheel\", (e) => { scene.zoomBy(e.deltaY > 0 ? 1.08 : 0.92); }, { passive: true });\ncanvas.addEventListener(\"pointerleave\", () => { hover = null; });\n\n// キーボード（PC）: 1-8 で手札、C で大砲、V で視点\nwindow.addEventListener(\"keydown\", (e) => {\n if (!sim) return;\n if (e.key >= \"1\" && e.key <= \"8\") { selectedSlot = Number(e.key) - 1; cannonMode = false; hud.setSelected(selectedSlot, false); }\n if (e.key === \"c\" || e.key === \"C\") hud.cannonBtn.dispatchEvent(new PointerEvent(\"pointerdown\"));\n if (e.key === \"v\" || e.key === \"V\") $(\"btn-view\").click();\n});\n\n/* ---------------- events ---------------- */\nfunction handleEvents(s: Sim) {\n for (const ev of s.events) {\n switch (ev.type) {\n case \"skill\": hud.skillBanner(ev.name, ev.side); break;\n case \"capture\": hud.toast(`${ev.side === \"ally\" ? \"味方\" : \"敵\"}が${FORT_SPECS[ev.fort].label}を占拠！`, 1600); scene.addShake(0.2); break;\n case \"fortNeutral\": hud.toast(`${FORT_SPECS[ev.fort].label}の旗が折られた`, 1200); break;\n case \"dragonWake\": hud.toast(`${ev.side === \"ally\" ? \"自城\" : \"敵城\"}のドラゴンが目覚めた！`, 1800); scene.addShake(0.6); break;\n case \"cannon\": scene.addShake(ev.side === \"ally\" ? 0.3 : 0.15); break;\n case \"castleHit\": if (ev.side === \"ally\") scene.addShake(0.08); break;\n default: break;\n }\n }\n s.events.length = 0;\n}\n\n/* ---------------- loop ---------------- */\nlet last = performance.now();\nlet acc = 0;\nconst STEP = 1 / 60;\nfunction frame(now: number) {\n requestAnimationFrame(frame);\n const dtReal = Math.min(0.1, (now - last) / 1000);\n last = now;\n if (sim) {\n acc += dtReal * speed;\n let steps = 0;\n while (acc >= STEP && steps < 8) { sim.step(STEP); ai?.update(STEP); acc -= STEP; steps++; }\n handleEvents(sim);\n scene.sync(sim, dtReal);\n hud.update(sim, \"ally\");\n const h = hover ? worldToTile(hover.x, hover.z) : null;\n scene.highlightTiles(sim, \"ally\", selectedSlot !== null && !sim.finished, h);\n scene.showCursor(hover && !sim.finished && (cannonMode || (selectedSlot !== null && h && sim.canSummon(\"ally\", h.col, h.row))) ? hover : null, cannonMode);\n if (sim.finished && !resultShown) { resultShown = true; const res = sim.finished; const s = sim; setTimeout(() => hud.showResult(res, s), 1300); }\n } else {\n scene.idleShowcase(dtReal);\n scene.highlightTiles(null, \"ally\", false, null);\n scene.showCursor(null, false);\n }\n scene.render();\n}\nrequestAnimationFrame(frame);\n\nconst onResize = () => scene.resize();\nwindow.addEventListener(\"resize\", onResize);\nwindow.addEventListener(\"orientationchange\", () => setTimeout(onResize, 120));\nnew ResizeObserver(onResize).observe(canvas);\n",[],[175,230],"9225dffe-e269-4882-96a0-ad657a1bac94","hud.ts","7e39606c-a957-11f1-b28e-1607ee4eb77e","685dc2f0-6b44-405c-a89a-bab05f584c4c",15,["D",1788632866993],"/**\n * HUD（DOM）。上部: 城HP/タイマー/砦、下部: コスト/手札/大砲。\n * 本家準拠の情報配置。Sim を読み取って表示するだけで、入力は main.ts が仲介する。\n */\nimport { BEHAVIOR_LABEL, KIND_LABEL, type UnitDef } from \"../data/units.ts\";\nimport type { Side } from \"../game/field.ts\";\nimport { CANNON_COOLDOWN, type Result, type Sim } from \"../game/sim.ts\";\nimport { portrait } from \"../render/portrait.ts\";\n\nconst $ = (id: string) => document.getElementById(id) as T;\n\nexport class Hud {\n hpAlly = $(\"hp-ally\"); hpAllyGhost = $(\"hp-ally-ghost\");\n hpEnemy = $(\"hp-enemy\"); hpEnemyGhost = $(\"hp-enemy-ghost\");\n timer = $(\"timer\");\n fortDots = Array.from(document.querySelectorAll(\".fort-dot\"));\n costNum = $(\"cost-num\"); costFill = $(\"cost-fill\");\n hand = $(\"hand\");\n cannonBtn = $(\"btn-cannon\"); cannonCd = $(\"cannon-cd\");\n toastEl = $(\"toast\"); banner = $(\"skill-banner\");\n cards: HTMLElement[] = [];\n private toastTimer = 0;\n private bannerTimer = 0;\n private lastCost = -1;\n\n buildHand(defs: UnitDef[], onSelect: (slot: number) => void) {\n this.hand.innerHTML = \"\";\n this.cards = defs.map((def, i) => {\n const card = makeCard(def, \"ally\");\n card.addEventListener(\"pointerdown\", (e) => { e.preventDefault(); e.stopPropagation(); onSelect(i); });\n this.hand.appendChild(card);\n return card;\n });\n }\n\n setSelected(slot: number | null, cannon: boolean) {\n this.cards.forEach((c, i) => c.classList.toggle(\"selected\", slot === i));\n this.cannonBtn.classList.toggle(\"selected\", cannon);\n }\n\n update(sim: Sim, side: Side) {\n const a = sim.castles.ally, e = sim.castles.enemy;\n this.hpAlly.style.width = `${(a.hp / a.maxHp) * 100}%`;\n this.hpEnemy.style.width = `${(e.hp / e.maxHp) * 100}%`;\n this.hpAllyGhost.style.width = this.hpAlly.style.width;\n this.hpEnemyGhost.style.width = this.hpEnemy.style.width;\n\n const t = Math.ceil(sim.timeLeft);\n this.timer.textContent = `${Math.floor(t / 60)}:${String(t % 60).padStart(2, \"0\")}`;\n this.timer.classList.toggle(\"hurry\", sim.timeLeft <= 30 && !sim.finished);\n\n sim.forts.forEach((f, i) => {\n const d = this.fortDots[i]; if (!d) return;\n d.classList.toggle(\"ally\", f.owner === \"ally\");\n d.classList.toggle(\"enemy\", f.owner === \"enemy\");\n });\n\n const cost = Math.floor(sim.cost[side]);\n if (cost !== this.lastCost) {\n this.costNum.textContent = String(cost);\n this.costNum.animate([{ transform: \"scale(1.18)\" }, { transform: \"scale(1)\" }], { duration: 160 });\n this.lastCost = cost;\n }\n this.costFill.style.width = `${sim.costAcc[side] * 100}%`;\n\n const hand = sim.hands[side];\n this.cards.forEach((card, i) => {\n const h = hand[i];\n const count = card.querySelector(\".count\")!;\n count.textContent = h.remaining === Infinity ? \"∞\" : `×${h.remaining}`;\n card.classList.toggle(\"disabled\", sim.cost[side] < h.def.cost);\n card.classList.toggle(\"exhausted\", h.remaining <= 0);\n });\n\n const cd = sim.cannonCd[side];\n this.cannonBtn.classList.toggle(\"cooling\", cd > 0);\n this.cannonCd.textContent = cd > 0 ? String(Math.ceil(cd)) : \"\";\n this.cannonBtn.style.setProperty(\"--cd\", String(cd / CANNON_COOLDOWN));\n }\n\n toast(msg: string, ms = 1400) {\n this.toastEl.textContent = msg;\n this.toastEl.classList.add(\"show\");\n clearTimeout(this.toastTimer);\n this.toastTimer = window.setTimeout(() => this.toastEl.classList.remove(\"show\"), ms);\n }\n\n skillBanner(name: string, side: Side) {\n this.banner.textContent = name;\n this.banner.className = `show ${side}`;\n clearTimeout(this.bannerTimer);\n this.bannerTimer = window.setTimeout(() => this.banner.classList.remove(\"show\"), 900);\n }\n\n showResult(res: Result, sim: Sim) {\n const screen = $(\"result-screen\");\n const title = $(\"result-title\"), kind = $(\"result-kind\"), stats = $(\"result-stats\");\n const me: Side = \"ally\";\n const won = res.winner === me;\n const kindLabel: Record = { complete: \"完全\", castle: \"落城\", points: \"点差\", judge: \"判定\", draw: \"\" };\n kind.textContent = res.winner ? `${kindLabel[res.kind]}${won ? \"勝利\" : \"敗北\"}` : \"引き分け\";\n title.textContent = res.winner ? (won ? \"WIN\" : \"LOSE\") : \"DRAW\";\n title.className = res.winner ? (won ? \"win\" : \"lose\") : \"draw\";\n const a = sim.castles.ally, e = sim.castles.enemy;\n const fa = sim.forts.filter((f) => f.owner === \"ally\").length, fe = sim.forts.filter((f) => f.owner === \"enemy\").length;\n stats.innerHTML = [\n [\"自城残HP\", `${Math.round(a.hp)} / ${a.maxHp}`],\n [\"敵城残HP\", `${Math.round(e.hp)} / ${e.maxHp}`],\n [\"砦\", `${fa} - ${fe}`],\n [\"召喚数\", `${sim.stats.ally.summoned} - ${sim.stats.enemy.summoned}`],\n [\"撃破数\", `${sim.stats.ally.kills} - ${sim.stats.enemy.kills}`],\n [\"砦占拠\", `${sim.stats.ally.captures} - ${sim.stats.enemy.captures}`],\n ].map(([k, v]) => `

${k}${v}

`).join(\"\");\n screen.classList.remove(\"hidden\");\n }\n}\n\nexport function makeCard(def: UnitDef, side: Side): HTMLElement {\n const card = document.createElement(\"div\");\n card.className = `card ${def.kind}`;\n card.title = `${def.name}｜${KIND_LABEL[def.kind]} ${BEHAVIOR_LABEL[def.behavior]}${def.flying ? \" 飛行\" : \"\"}${def.antiAir ? \" 対空\" : \"\"}${def.captures ? \" 砦占拠\" : \"\"}\\nHP ${def.hp} 攻 ${def.atk} 防 ${def.def} 射程 ${def.range}\\nスキル: ${def.skill.name} — ${def.skill.desc}`;\n const img = portrait(def, side, 96);\n img.className = \"\";\n card.appendChild(img);\n const cost = document.createElement(\"span\"); cost.className = \"cost\"; cost.textContent = String(def.cost);\n const count = document.createElement(\"span\"); count.className = \"count\"; count.textContent = def.summons === Infinity ? \"∞\" : `×${def.summons}`;\n const kind = document.createElement(\"span\"); kind.className = \"kind\"; kind.textContent = def.flying ? \"飛行\" : (def.kind === \"large\" ? \"大型\" : def.behavior === \"intercept\" ? \"迎撃\" : def.captures ? \"砦\" : \"\");\n const name = document.createElement(\"span\"); name.className = \"name\"; name.textContent = def.name;\n card.append(cost, count, kind, name);\n return card;\n}\n",[],[175,271,263],"ui","3a2277de-22a3-4c80-a748-8f73b6ed0f4b",["D",1788632866993],[214],[175,271],"11a8b3fa-988b-4eee-9b18-14b7d8398732","scene.ts","522f72d6-a957-11f1-b28e-1607ee4eb77e","caaf7bab-56bb-4997-a2c8-c6d571bdd60b",13,["D",1788632806710],"/**\n * 3D シーン（Three.js）。\n * 本家の「横から少し見下ろす」視点を標準にしつつ、俯瞰/自由回転の視点も切り替え可能。\n * Sim の状態を毎フレーム反映するだけで、ゲームロジックは持たない。\n */\nimport * as THREE from \"three\";\nimport { CASTLE_X, COLS, FORT_RADIUS, FORT_SPECS, ROWS, type Side, tileCenter } from \"../game/field.ts\";\nimport type { Effect, Projectile, Sim, Unit } from \"../game/sim.ts\";\nimport { animateRig, buildCharacter, type Rig, SIDE_COLOR, toon } from \"./characters.ts\";\n\nexport type ViewMode = \"standard\" | \"top\" | \"free\";\nexport const VIEW_LABEL: Record = { standard: \"標準\", top: \"俯瞰\", free: \"自由\" };\n\nconst CX = COLS / 2, CZ = ROWS / 2;\n\nexport class Scene3D {\n renderer: THREE.WebGLRenderer;\n scene = new THREE.Scene();\n camera: THREE.PerspectiveCamera;\n view: ViewMode = \"standard\";\n private rigs = new Map();\n private tiles: THREE.Mesh[] = [];\n private tileMat = { off: new THREE.MeshBasicMaterial({ color: 0x3b8ff0, transparent: true, opacity: 0, depthWrite: false }), on: new THREE.MeshBasicMaterial({ color: 0x3b8ff0, transparent: true, opacity: 0.28, depthWrite: false }), hot: new THREE.MeshBasicMaterial({ color: 0xffe27a, transparent: true, opacity: 0.55, depthWrite: false }) };\n private forts: { group: THREE.Group; flag: THREE.Mesh; flagMat: THREE.MeshToonMaterial; hp: THREE.Mesh; hpBack: THREE.Mesh; stones: THREE.Mesh[] }[] = [];\n private castles: Record;\n private projGroup = new THREE.Group();\n private fxGroup = new THREE.Group();\n private projMeshes = new Map();\n private fxMeshes = new Map();\n private ground!: THREE.Mesh;\n private raycaster = new THREE.Raycaster();\n private plane = new THREE.Plane(new THREE.Vector3(0, 1, 0), 0);\n private orbit = { yaw: 0, pitch: 0.9, dist: 18 };\n private shake = 0;\n private time = 0;\n private cursorRing: THREE.Mesh;\n private cannonRing: THREE.Mesh;\n\n constructor(canvas: HTMLCanvasElement) {\n this.renderer = new THREE.WebGLRenderer({ canvas, antialias: true, alpha: false, powerPreference: \"high-performance\" });\n this.renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2));\n this.renderer.shadowMap.enabled = true;\n this.renderer.shadowMap.type = THREE.PCFSoftShadowMap;\n this.renderer.outputColorSpace = THREE.SRGBColorSpace;\n this.renderer.toneMapping = THREE.ACESFilmicToneMapping;\n this.renderer.toneMappingExposure = 1.05;\n\n this.scene.background = new THREE.Color(0x8ccbe8);\n this.scene.fog = new THREE.Fog(0x9fd3ea, 26, 60);\n this.camera = new THREE.PerspectiveCamera(38, 1, 0.1, 200);\n\n this.buildLights();\n this.buildTerrain();\n this.buildTiles();\n this.castles = { ally: this.buildCastle(\"ally\"), enemy: this.buildCastle(\"enemy\") };\n FORT_SPECS.forEach((f) => this.forts.push(this.buildFort(f.col, f.row)));\n this.scene.add(this.projGroup, this.fxGroup);\n\n this.cursorRing = new THREE.Mesh(new THREE.RingGeometry(0.42, 0.5, 32), new THREE.MeshBasicMaterial({ color: 0xffe27a, transparent: true, opacity: 0.9, side: THREE.DoubleSide, depthWrite: false }));\n this.cursorRing.rotation.x = -Math.PI / 2; this.cursorRing.position.y = 0.02; this.cursorRing.visible = false;\n this.cannonRing = new THREE.Mesh(new THREE.RingGeometry(1.2, 1.35, 40), new THREE.MeshBasicMaterial({ color: 0xff8a3a, transparent: true, opacity: 0.85, side: THREE.DoubleSide, depthWrite: false }));\n this.cannonRing.rotation.x = -Math.PI / 2; this.cannonRing.position.y = 0.02; this.cannonRing.visible = false;\n this.scene.add(this.cursorRing, this.cannonRing);\n\n this.resize();\n }\n\n /* ---------------- world building ---------------- */\n private buildLights() {\n const hemi = new THREE.HemisphereLight(0xdff2ff, 0x5a7a3a, 0.9);\n this.scene.add(hemi);\n const sun = new THREE.DirectionalLight(0xfff2dc, 1.6);\n sun.position.set(-8, 16, 10);\n sun.castShadow = true;\n sun.shadow.mapSize.set(2048, 2048);\n sun.shadow.camera.left = -16; sun.shadow.camera.right = 16;\n sun.shadow.camera.top = 10; sun.shadow.camera.bottom = -10;\n sun.shadow.camera.near = 2; sun.shadow.camera.far = 50;\n sun.shadow.bias = -0.0008;\n sun.target.position.set(CX, 0, CZ);\n this.scene.add(sun, sun.target);\n }\n\n private buildTerrain() {\n // 草地（フィールド） + 外周の丘 + 石畳の道\n const grass = toon(0x79b55a);\n this.ground = new THREE.Mesh(new THREE.BoxGeometry(COLS + 8, 0.6, ROWS + 6), grass);\n this.ground.position.set(CX, -0.3, CZ);\n this.ground.receiveShadow = true;\n this.scene.add(this.ground);\n\n const field = new THREE.Mesh(new THREE.BoxGeometry(COLS, 0.06, ROWS), toon(0x86c264));\n field.position.set(CX, 0.0, CZ);\n field.receiveShadow = true;\n this.scene.add(field);\n\n // 中央の道\n const road = new THREE.Mesh(new THREE.BoxGeometry(COLS, 0.07, 1.4), toon(0xb8a888));\n road.position.set(CX, 0.005, CZ);\n road.receiveShadow = true;\n this.scene.add(road);\n\n // グリッド線\n const lines = new THREE.Group();\n const lineMat = new THREE.LineBasicMaterial({ color: 0x4f7a3a, transparent: true, opacity: 0.35 });\n for (let c = 0; c <= COLS; c++) {\n const g = new THREE.BufferGeometry().setFromPoints([new THREE.Vector3(c, 0.04, 0), new THREE.Vector3(c, 0.04, ROWS)]);\n lines.add(new THREE.Line(g, lineMat));\n }\n for (let r = 0; r <= ROWS; r++) {\n const g = new THREE.BufferGeometry().setFromPoints([new THREE.Vector3(0, 0.04, r), new THREE.Vector3(COLS, 0.04, r)]);\n lines.add(new THREE.Line(g, lineMat));\n }\n this.scene.add(lines);\n\n // 遠景の山と木\n const mountainMat = toon(0x6f8fa8);\n for (let i = 0; i < 9; i++) {\n const m = new THREE.Mesh(new THREE.ConeGeometry(3 + Math.random() * 3, 4 + Math.random() * 4, 6), mountainMat);\n m.position.set(-6 + i * 4.2 + Math.random() * 2, -0.2, -9 - Math.random() * 6);\n this.scene.add(m);\n }\n const trunk = toon(0x6b4a2b), leaf = toon(0x4f8f3a), leaf2 = toon(0x5fa347);\n const rand = mulberry(7);\n for (let i = 0; i < 26; i++) {\n const t = new THREE.Group();\n const side = rand() < 0.5 ? -1 : 1;\n const x = -3 + rand() * (COLS + 6);\n const z = side < 0 ? -1.2 - rand() * 2.4 : ROWS + 1.2 + rand() * 2.2;\n const h = 0.5 + rand() * 0.6;\n const tr = new THREE.Mesh(new THREE.CylinderGeometry(0.08, 0.12, h, 6), trunk); tr.position.y = h / 2; tr.castShadow = true;\n const lf = new THREE.Mesh(new THREE.ConeGeometry(0.5 + rand() * 0.3, 1.0 + rand() * 0.6, 7), rand() < 0.5 ? leaf : leaf2); lf.position.y = h + 0.5; lf.castShadow = true;\n t.add(tr, lf); t.position.set(x, 0, z);\n this.scene.add(t);\n }\n }\n\n private buildTiles() {\n const geo = new THREE.PlaneGeometry(0.92, 0.92);\n for (let r = 0; r < ROWS; r++) for (let c = 0; c < COLS; c++) {\n const m = new THREE.Mesh(geo, this.tileMat.off);\n const p = tileCenter(c, r);\n m.position.set(p.x, 0.05, p.z);\n m.rotation.x = -Math.PI / 2;\n m.userData = { col: c, row: r };\n this.tiles.push(m);\n this.scene.add(m);\n }\n }\n\n private buildCastle(side: Side) {\n const g = new THREE.Group();\n const team = SIDE_COLOR[side];\n const stone = toon(0xcfc6b4), stoneD = toon(0xa89e8c), roof = toon(team), wood = toon(0x6b4a2b);\n const dir = side === \"ally\" ? 1 : -1;\n const mk = (geo: THREE.BufferGeometry, mat: THREE.Material, x: number, y: number, z: number) => { const m = new THREE.Mesh(geo, mat); m.position.set(x, y, z); m.castShadow = true; m.receiveShadow = true; g.add(m); return m; };\n // 城壁\n mk(new THREE.BoxGeometry(1.6, 2.2, ROWS + 1.2), stone, 0, 1.1, CZ);\n for (let i = 0; i < 8; i++) mk(new THREE.BoxGeometry(1.6, 0.35, 0.45), stoneD, 0, 2.35, CZ - ROWS / 2 - 0.4 + i * 1.05);\n // 門\n mk(new THREE.BoxGeometry(0.3, 1.5, 1.3), wood, dir * 0.75, 0.75, CZ);\n // 塔\n // [フィールド側からの奥行き, z]\n const towers: [number, number][] = [[0.2, CZ - 2.8], [0.2, CZ + 2.8], [1.7, CZ - 1.3], [1.7, CZ + 1.3]];\n for (const [depth, tz] of towers) {\n const tx = -dir * depth;\n mk(new THREE.CylinderGeometry(0.62, 0.7, 3.6, 10), stone, tx, 1.8, tz);\n mk(new THREE.ConeGeometry(0.85, 1.2, 10), roof, tx, 4.2, tz);\n }\n // 本丸\n mk(new THREE.BoxGeometry(2.2, 3.6, 2.6), stone, -dir * 1.4, 1.8, CZ);\n mk(new THREE.BoxGeometry(2.6, 0.3, 3.0), stoneD, -dir * 1.4, 3.7, CZ);\n mk(new THREE.ConeGeometry(1.9, 1.6, 4), roof, -dir * 1.4, 4.65, CZ).rotation.y = Math.PI / 4;\n // 旗\n const pole = mk(new THREE.CylinderGeometry(0.03, 0.03, 1.4, 6), wood, -dir * 1.4, 6.0, CZ);\n const flag = new THREE.Mesh(new THREE.BoxGeometry(0.7, 0.4, 0.04), toon(team));\n flag.position.set(-dir * 1.4 + dir * 0.36, 6.5, CZ); g.add(flag);\n void pole;\n\n // 城のドラゴン（屋根の上に眠っている）\n const dragon = new THREE.Group();\n const mats: THREE.MeshToonMaterial[] = [];\n const dm = (c: number) => { const m = toon(c); mats.push(m); return m; };\n const dcol = side === \"ally\" ? 0x3f6fc0 : 0xc23a2e, belly = side === \"ally\" ? 0x9fd0ff : 0xffc27a;\n const body = new THREE.Mesh(new THREE.CapsuleGeometry(0.45, 0.9, 4, 10), dm(dcol)); body.rotation.z = Math.PI / 2; body.castShadow = true;\n dragon.add(body);\n const neck = new THREE.Group(); neck.position.set(dir * 0.7, 0.25, 0);\n const neckM = new THREE.Mesh(new THREE.CapsuleGeometry(0.2, 0.7, 4, 8), dm(dcol)); neckM.rotation.z = -dir * 0.9; neckM.position.set(dir * 0.3, 0.3, 0); neckM.castShadow = true;\n const head = new THREE.Group(); head.position.set(dir * 0.65, 0.65, 0);\n head.add(new THREE.Mesh(new THREE.SphereGeometry(0.3, 12, 10), dm(dcol)));\n const snout = new THREE.Mesh(new THREE.BoxGeometry(0.5, 0.24, 0.32), dm(dcol)); snout.position.set(dir * 0.35, -0.05, 0); head.add(snout);\n const jaw = new THREE.Mesh(new THREE.BoxGeometry(0.44, 0.1, 0.3), dm(belly)); jaw.position.set(dir * 0.33, -0.2, 0); head.add(jaw);\n for (const s of [-1, 1]) { const horn = new THREE.Mesh(new THREE.ConeGeometry(0.07, 0.35, 6), dm(0xf0e6c0)); horn.position.set(-dir * 0.1, 0.3, s * 0.15); horn.rotation.x = s * 0.3; horn.rotation.z = dir * 0.5; head.add(horn); }\n for (const s of [-1, 1]) { const eye = new THREE.Mesh(new THREE.SphereGeometry(0.05, 6, 6), new THREE.MeshBasicMaterial({ color: 0xffe27a })); eye.position.set(dir * 0.18, 0.08, s * 0.16); head.add(eye); }\n neck.add(neckM, head);\n dragon.add(neck);\n const wings: THREE.Object3D[] = [];\n for (const s of [-1, 1]) {\n const w = new THREE.Group(); w.position.set(0, 0.3, s * 0.3);\n const wm = new THREE.Mesh(new THREE.BoxGeometry(1.0, 0.04, 1.6), dm(belly)); wm.position.set(0, 0.1, s * 0.8); wm.rotation.x = s * 0.25; wm.castShadow = true;\n w.add(wm); dragon.add(w); wings.push(w);\n }\n const tail = new THREE.Mesh(new THREE.ConeGeometry(0.18, 1.6, 7), dm(dcol)); tail.rotation.z = dir * 1.5; tail.position.set(-dir * 1.4, 0.1, 0); dragon.add(tail);\n dragon.position.set(-dir * 1.4, 5.4, CZ);\n dragon.scale.setScalar(0.85);\n g.add(dragon);\n\n g.position.set(CASTLE_X[side], 0, 0);\n this.scene.add(g);\n return { group: g, dragon, neck, wings, mats };\n }\n\n private buildFort(col: number, row: number) {\n const g = new THREE.Group();\n const p = tileCenter(col, row);\n g.position.set(p.x, 0, p.z);\n const stone = toon(0xd2c9b6), stoneD = toon(0xa89e8c);\n const stones: THREE.Mesh[] = [];\n const base = new THREE.Mesh(new THREE.CylinderGeometry(FORT_RADIUS + 0.15, FORT_RADIUS + 0.25, 0.25, 12), stoneD); base.position.y = 0.12; base.receiveShadow = true; g.add(base);\n const tower = new THREE.Mesh(new THREE.CylinderGeometry(FORT_RADIUS - 0.05, FORT_RADIUS, 1.1, 12), stone); tower.position.y = 0.75; tower.castShadow = true; g.add(tower); stones.push(tower);\n for (let i = 0; i < 6; i++) { const m = new THREE.Mesh(new THREE.BoxGeometry(0.22, 0.22, 0.22), stoneD); const a = (i / 6) * Math.PI * 2; m.position.set(Math.cos(a) * (FORT_RADIUS - 0.08), 1.4, Math.sin(a) * (FORT_RADIUS - 0.08)); g.add(m); stones.push(m); }\n const door = new THREE.Mesh(new THREE.BoxGeometry(0.22, 0.4, 0.1), toon(0x4a2f1c)); door.position.set(0, 0.45, FORT_RADIUS - 0.02); g.add(door);\n const pole = new THREE.Mesh(new THREE.CylinderGeometry(0.025, 0.025, 1.3, 6), toon(0x6b4a2b)); pole.position.y = 1.9; g.add(pole);\n const flagMat = toon(0x9a958c);\n const flag = new THREE.Mesh(new THREE.BoxGeometry(0.5, 0.32, 0.03), flagMat); flag.position.set(0.27, 2.35, 0); g.add(flag);\n // HP バー\n const hpBack = new THREE.Mesh(new THREE.PlaneGeometry(1.1, 0.1), new THREE.MeshBasicMaterial({ color: 0x140c08, transparent: true, opacity: 0.85, depthTest: false }));\n const hp = new THREE.Mesh(new THREE.PlaneGeometry(1.1, 0.08), new THREE.MeshBasicMaterial({ color: 0xffffff, depthTest: false }));\n hp.position.z = 0.001; hpBack.position.y = 1.75; hp.position.y = 1.75; hpBack.renderOrder = 10; hp.renderOrder = 11;\n g.add(hpBack, hp);\n this.scene.add(g);\n return { group: g, flag, flagMat, hp, hpBack, stones };\n }\n\n /* ---------------- camera ---------------- */\n resize() {\n const w = this.renderer.domElement.clientWidth || window.innerWidth;\n const h = this.renderer.domElement.clientHeight || window.innerHeight;\n this.renderer.setSize(w, h, false);\n this.camera.aspect = w / h;\n this.camera.updateProjectionMatrix();\n }\n\n setView(v: ViewMode) { this.view = v; }\n cycleView(): ViewMode { const order: ViewMode[] = [\"standard\", \"top\", \"free\"]; this.view = order[(order.indexOf(this.view) + 1) % 3]; return this.view; }\n orbitBy(dx: number, dy: number) {\n if (this.view !== \"free\") return;\n this.orbit.yaw -= dx * 0.005; this.orbit.pitch = Math.max(0.25, Math.min(1.45, this.orbit.pitch + dy * 0.005));\n }\n zoomBy(f: number) { if (this.view === \"free\") this.orbit.dist = Math.max(8, Math.min(34, this.orbit.dist * f)); }\n\n private updateCamera(dt: number) {\n const cam = this.camera;\n const aspect = cam.aspect;\n // フィールド全幅を収める距離\n const fov = THREE.MathUtils.degToRad(cam.fov);\n const need = (COLS + 5) / 2 / Math.tan(fov / 2) / aspect;\n const target = new THREE.Vector3(CX, 0.4, CZ - 0.4);\n let pos: THREE.Vector3;\n if (this.view === \"standard\") {\n const d = Math.max(need * 1.02, 13);\n pos = new THREE.Vector3(CX, d * 0.62 + 1.5, CZ + d * 0.86);\n } else if (this.view === \"top\") {\n const d = Math.max(need * 0.95, 12);\n pos = new THREE.Vector3(CX, d * 1.05, CZ + d * 0.28);\n } else {\n const o = this.orbit;\n pos = new THREE.Vector3(CX + Math.sin(o.yaw) * Math.cos(o.pitch) * o.dist, Math.sin(o.pitch) * o.dist + 0.5, CZ + Math.cos(o.yaw) * Math.cos(o.pitch) * o.dist);\n }\n // 画面が縦長のときは少し引く\n if (aspect < 1) pos.sub(target).multiplyScalar(1.15).add(target);\n cam.position.lerp(pos, Math.min(1, dt * 4));\n if (this.shake > 0) {\n cam.position.x += (Math.random() - 0.5) * this.shake * 0.3;\n cam.position.y += (Math.random() - 0.5) * this.shake * 0.3;\n this.shake = Math.max(0, this.shake - dt * 2.5);\n }\n cam.lookAt(target);\n }\n\n addShake(a: number) { this.shake = Math.min(1.2, this.shake + a); }\n\n /* ---------------- picking ---------------- */\n /** 画面座標 → フィールド座標 (y=0 平面) */\n pickGround(clientX: number, clientY: number): { x: number; z: number } | null {\n const rect = this.renderer.domElement.getBoundingClientRect();\n const ndc = new THREE.Vector2(((clientX - rect.left) / rect.width) * 2 - 1, -((clientY - rect.top) / rect.height) * 2 + 1);\n this.raycaster.setFromCamera(ndc, this.camera);\n const hit = new THREE.Vector3();\n if (!this.raycaster.ray.intersectPlane(this.plane, hit)) return null;\n return { x: hit.x, z: hit.z };\n }\n\n /** 召喚可能マスのハイライト。hover は現在指しているマス */\n highlightTiles(sim: Sim | null, side: Side, active: boolean, hover: { col: number; row: number } | null) {\n for (const t of this.tiles) {\n const { col, row } = t.userData as { col: number; row: number };\n if (!active || !sim) { t.material = this.tileMat.off; continue; }\n const ok = sim.canSummon(side, col, row);\n t.material = ok ? (hover && hover.col === col && hover.row === row ? this.tileMat.hot : this.tileMat.on) : this.tileMat.off;\n }\n }\n showCursor(p: { x: number; z: number } | null, cannon: boolean) {\n this.cursorRing.visible = !!p && !cannon;\n this.cannonRing.visible = !!p && cannon;\n if (p) { this.cursorRing.position.set(p.x, 0.02, p.z); this.cannonRing.position.set(p.x, 0.02, p.z); }\n }\n\n /* ---------------- sync with sim ---------------- */\n sync(sim: Sim, dt: number) {\n this.time += dt;\n this.updateCamera(dt);\n const camQ = this.camera.quaternion;\n\n // units\n const seen = new Set();\n for (const u of sim.units) {\n seen.add(u.id);\n let rig = this.rigs.get(u.id);\n if (!rig) { rig = buildCharacter(u.def, u.side); this.rigs.set(u.id, rig); this.scene.add(rig.group); rig.group.rotation.y = u.facing > 0 ? Math.PI / 2 : -Math.PI / 2; }\n animateRig(rig, u as Unit, this.time, camQ);\n }\n for (const [id, rig] of this.rigs) if (!seen.has(id)) { this.scene.remove(rig.group); this.rigs.delete(id); }\n\n // forts\n sim.forts.forEach((f, i) => {\n const v = this.forts[i];\n const c = f.owner ? SIDE_COLOR[f.owner] : 0x9a958c;\n v.flagMat.color.lerp(new THREE.Color(c), 0.2);\n const raise = f.flagT;\n v.flag.position.y = 1.55 + raise * 0.8;\n v.flag.rotation.y = Math.sin(this.time * 3 + i) * 0.15;\n v.flag.scale.set(0.4 + raise * 0.6, 1, 1);\n const ratio = f.hp / f.maxHp;\n v.hp.scale.x = Math.max(0.001, ratio);\n v.hp.position.x = -(1 - ratio) * 1.1 / 2;\n (v.hp.material as THREE.MeshBasicMaterial).color.setHex(f.owner ? SIDE_COLOR[f.owner] : 0xffffff);\n v.hp.quaternion.copy(camQ); v.hpBack.quaternion.copy(camQ);\n v.hp.visible = v.hpBack.visible = ratio < 0.999 || f.owner === null;\n const jitter = f.hitFlash * 0.04;\n v.group.position.x = tileCenter(FORT_SPECS[i].col, FORT_SPECS[i].row).x + (Math.random() - 0.5) * jitter;\n });\n\n // castles\n for (const side of [\"ally\", \"enemy\"] as Side[]) {\n const c = sim.castles[side];\n const v = this.castles[side];\n const dir = side === \"ally\" ? 1 : -1;\n const flash = c.hitFlash;\n v.group.position.x = CASTLE_X[side] + (Math.random() - 0.5) * flash * 0.06;\n // dragon: 眠っている → 目覚めると首を上げ翼を広げる\n const awake = c.dragonAwake ? 1 : 0;\n const breath = c.dragonAnim > 0 ? Math.min(1, c.dragonAnim / 1.2) : 0;\n v.neck.rotation.z += ((awake ? -dir * 0.55 - dir * breath * 0.5 : dir * 0.5) - v.neck.rotation.z) * 0.08;\n v.wings.forEach((w, i) => { const s = i === 0 ? -1 : 1; const tgt = awake ? s * (0.15 + Math.sin(this.time * 4) * 0.25 + breath * 0.5) : s * 1.35; w.rotation.x += (tgt - w.rotation.x) * 0.1; });\n v.dragon.position.y = 5.4 + (awake ? Math.sin(this.time * 2) * 0.1 : 0);\n for (const m of v.mats) m.emissive.setRGB(breath * 0.8, breath * 0.3, 0);\n }\n\n this.syncProjectiles(sim.projectiles);\n this.syncEffects(sim.effects);\n }\n\n private syncProjectiles(list: Projectile[]) {\n const seen = new Set();\n for (const p of list) {\n seen.add(p.id);\n let m = this.projMeshes.get(p.id);\n if (!m) { m = this.makeProjectile(p); this.projMeshes.set(p.id, m); this.projGroup.add(m); }\n const k = Math.min(1, p.t / p.dur);\n const x = p.sx + (p.tx - p.sx) * k, z = p.sz + (p.tz - p.sz) * k;\n const y = p.sy + (p.ty - p.sy) * k + Math.sin(k * Math.PI) * p.arc;\n const prev = m.position.clone();\n m.position.set(x, y, z);\n if (p.kind === \"arrow\" || p.kind === \"cannon\") { const d = m.position.clone().sub(prev); if (d.lengthSq() > 1e-6) m.lookAt(m.position.clone().add(d)); }\n else m.rotation.y += 0.3;\n }\n for (const [id, m] of this.projMeshes) if (!seen.has(id)) { this.projGroup.remove(m); this.projMeshes.delete(id); }\n }\n\n private makeProjectile(p: Projectile): THREE.Object3D {\n switch (p.kind) {\n case \"arrow\": {\n const g = new THREE.Group();\n const shaft = new THREE.Mesh(new THREE.CylinderGeometry(0.02, 0.02, 0.6, 5), toon(0x8a6a3a)); shaft.rotation.x = Math.PI / 2; g.add(shaft);\n const tip = new THREE.Mesh(new THREE.ConeGeometry(0.05, 0.14, 5), toon(0xd8dde3)); tip.rotation.x = Math.PI / 2; tip.position.z = 0.35; g.add(tip);\n return g;\n }\n case \"cannon\": {\n const m = new THREE.Mesh(new THREE.SphereGeometry(0.22, 10, 10), toon(0x22262a)); m.castShadow = true; return m;\n }\n case \"fire\": {\n const m = new THREE.Mesh(new THREE.SphereGeometry(0.28, 10, 10), new THREE.MeshBasicMaterial({ color: 0xff7a2a })); const core = new THREE.Mesh(new THREE.SphereGeometry(0.16, 8, 8), new THREE.MeshBasicMaterial({ color: 0xffe27a })); m.add(core); return m;\n }\n default: {\n const c = p.side === \"ally\" ? 0x8fd0ff : 0xffb0a6;\n const m = new THREE.Mesh(new THREE.OctahedronGeometry(0.17), new THREE.MeshBasicMaterial({ color: c }));\n const glow = new THREE.Mesh(new THREE.SphereGeometry(0.3, 8, 8), new THREE.MeshBasicMaterial({ color: c, transparent: true, opacity: 0.35 })); m.add(glow);\n return m;\n }\n }\n }\n\n private syncEffects(list: Effect[]) {\n const seen = new Set();\n for (const e of list) {\n seen.add(e.id);\n let rec = this.fxMeshes.get(e.id);\n if (!rec) { rec = { obj: this.makeEffect(e), e }; this.fxMeshes.set(e.id, rec); this.fxGroup.add(rec.obj); if (e.kind === \"boom\" && (e.radius ?? 0) > 1) this.addShake(0.5); if (e.kind === \"quake\") this.addShake(0.7); }\n this.animateEffect(rec.obj, e);\n }\n for (const [id, rec] of this.fxMeshes) if (!seen.has(id)) { this.fxGroup.remove(rec.obj); this.fxMeshes.delete(id); }\n }\n\n private makeEffect(e: Effect): THREE.Object3D {\n const team = e.side ? SIDE_COLOR[e.side] : 0xffffff;\n const basic = (color: number, opacity = 1) => new THREE.MeshBasicMaterial({ color, transparent: true, opacity, depthWrite: false, side: THREE.DoubleSide });\n switch (e.kind) {\n case \"hit\": { const m = new THREE.Mesh(new THREE.OctahedronGeometry(0.16), basic(0xfff3c0)); m.position.set(e.x, e.y, e.z); return m; }\n case \"spark\": { const m = new THREE.Mesh(new THREE.OctahedronGeometry(0.2), basic(0xffe27a)); m.position.set(e.x, e.y, e.z); return m; }\n case \"boom\": {\n const g = new THREE.Group();\n const ring = new THREE.Mesh(new THREE.RingGeometry(0.2, 0.32, 28), basic(e.color ?? 0xffa040)); ring.rotation.x = -Math.PI / 2; ring.position.y = 0.05;\n const ball = new THREE.Mesh(new THREE.SphereGeometry(0.3, 10, 10), basic(0xffe6a0, 0.9)); ball.position.y = e.y;\n g.add(ring, ball); g.position.set(e.x, 0, e.z); return g;\n }\n case \"summon\": {\n const g = new THREE.Group();\n const ring = new THREE.Mesh(new THREE.RingGeometry(0.35, 0.5, 32), basic(team, 0.9)); ring.rotation.x = -Math.PI / 2; ring.position.y = 0.04;\n const pillar = new THREE.Mesh(new THREE.CylinderGeometry(0.3, 0.45, 2.2, 14, 1, true), basic(team, 0.35)); pillar.position.y = 1.1;\n g.add(ring, pillar); g.position.set(e.x, 0, e.z); return g;\n }\n case \"capture\": {\n const g = new THREE.Group();\n const ring = new THREE.Mesh(new THREE.RingGeometry(0.4, 0.6, 32), basic(team, 0.9)); ring.rotation.x = -Math.PI / 2; ring.position.y = 0.05;\n const pillar = new THREE.Mesh(new THREE.CylinderGeometry(0.5, 0.7, 4, 16, 1, true), basic(team, 0.4)); pillar.position.y = 2;\n g.add(ring, pillar); g.position.set(e.x, 0, e.z); return g;\n }\n case \"skill\": {\n const g = new THREE.Group();\n const ring = new THREE.Mesh(new THREE.RingGeometry(0.3, 0.42, 28), basic(0xffe27a, 0.95)); ring.rotation.x = -Math.PI / 2; ring.position.y = 0.05;\n const glow = new THREE.Mesh(new THREE.SphereGeometry(0.5, 12, 12), basic(team, 0.35)); glow.position.y = 0.6;\n g.add(ring, glow); g.position.set(e.x, e.y, e.z); return g;\n }\n case \"quake\": {\n const g = new THREE.Group();\n for (let i = 0; i < 3; i++) { const r = new THREE.Mesh(new THREE.RingGeometry(0.3, 0.42, 28), basic(0xc8b48a, 0.8)); r.rotation.x = -Math.PI / 2; r.position.y = 0.05 + i * 0.01; g.add(r); }\n g.position.set(e.x, 0, e.z); return g;\n }\n case \"flame\": {\n const g = new THREE.Group();\n const dir = e.dirX ?? 1;\n for (let i = 0; i < 7; i++) {\n const s = new THREE.Mesh(new THREE.SphereGeometry(0.3 + i * 0.09, 8, 8), basic(i % 2 ? 0xff7a2a : 0xffd27a, 0.85));\n s.position.set(dir * (0.4 + i * 0.6), 0, (Math.random() - 0.5) * 0.2); g.add(s);\n }\n g.position.set(e.x, e.y, e.z); return g;\n }\n case \"howl\": { const r = new THREE.Mesh(new THREE.RingGeometry(0.5, 0.62, 40), basic(0xffc94a, 0.8)); r.rotation.x = -Math.PI / 2; r.position.set(e.x, 0.05, e.z); return r; }\n case \"dust\": {\n const g = new THREE.Group();\n for (let i = 0; i < 6; i++) { const s = new THREE.Mesh(new THREE.SphereGeometry(0.12, 6, 6), basic(0xd9cdb0, 0.8)); const a = (i / 6) * Math.PI * 2; s.position.set(Math.cos(a) * 0.2, 0.1, Math.sin(a) * 0.2); s.userData.a = a; g.add(s); }\n g.position.set(e.x, 0, e.z); return g;\n }\n default: { const m = new THREE.Mesh(new THREE.SphereGeometry(0.1), basic(0xffffff)); m.position.set(e.x, e.y, e.z); return m; }\n }\n }\n\n private animateEffect(obj: THREE.Object3D, e: Effect) {\n const k = Math.min(1, e.t / e.dur);\n const fade = 1 - k;\n const setOpacity = (o: THREE.Object3D, op: number) => o.traverse((c) => { const m = (c as THREE.Mesh).material as THREE.MeshBasicMaterial | undefined; if (m && \"opacity\" in m) m.opacity = op; });\n switch (e.kind) {\n case \"hit\": obj.scale.setScalar(0.6 + k * 1.4); obj.rotation.y += 0.4; setOpacity(obj, fade); obj.position.y = e.y + k * 0.3; break;\n case \"spark\": obj.scale.setScalar(0.5 + k * 1.2); obj.rotation.z += 0.5; setOpacity(obj, fade); break;\n case \"boom\": {\n const r = (e.radius ?? 1) / 0.3;\n obj.children[0].scale.setScalar(0.3 + k * r);\n obj.children[1].scale.setScalar(1 + k * 2.2);\n setOpacity(obj, fade * 0.95);\n break;\n }\n case \"summon\": obj.children[0].scale.setScalar(0.4 + k * 1.6); obj.children[1].scale.y = 1 - k; obj.children[1].position.y = 1.1 * (1 - k); setOpacity(obj, fade); break;\n case \"capture\": obj.children[0].scale.setScalar(0.5 + k * 3); obj.children[1].scale.set(1 + k * 0.5, 1, 1 + k * 0.5); setOpacity(obj, fade * 0.9); break;\n case \"skill\": obj.children[0].scale.setScalar(0.5 + k * (e.radius ?? 1) * 1.5); obj.children[1].scale.setScalar(0.8 + k * 1.5); setOpacity(obj, fade); break;\n case \"quake\": obj.children.forEach((c, i) => { const kk = Math.max(0, Math.min(1, k * 1.5 - i * 0.2)); c.scale.setScalar(0.5 + kk * (e.radius ?? 2) * 2.4); ((c as THREE.Mesh).material as THREE.MeshBasicMaterial).opacity = (1 - kk) * 0.8; }); break;\n case \"flame\": obj.children.forEach((c, i) => { const kk = Math.max(0, Math.min(1, k * 2.2 - i * 0.12)); c.scale.setScalar(0.2 + kk * 1.4); c.position.y = kk * 0.5; ((c as THREE.Mesh).material as THREE.MeshBasicMaterial).opacity = Math.max(0, 1 - kk) * 0.9; }); break;\n case \"howl\": obj.scale.setScalar(0.3 + k * (e.radius ?? 2) * 1.6); setOpacity(obj, fade); break;\n case \"dust\": obj.children.forEach((c) => { const a = c.userData.a as number; const r = (e.radius ?? 1) * k; c.position.set(Math.cos(a) * r, 0.1 + Math.sin(k * Math.PI) * 0.35, Math.sin(a) * r); c.scale.setScalar(1 + k); }); setOpacity(obj, fade * 0.8); break;\n default: setOpacity(obj, fade);\n }\n }\n\n render() { this.renderer.render(this.scene, this.camera); }\n\n /** ローディング/タイトル用にキャラを回して眺めるカメラ */\n idleShowcase(dt: number) { this.time += dt; this.updateCamera(dt); }\n}\n\nfunction mulberry(seed: number) {\n let a = seed >>> 0;\n return () => { a = (a + 0x6D2B79F5) >>> 0; let t = a; t = Math.imul(t ^ (t >>> 15), t | 1); t ^= t + Math.imul(t ^ (t >>> 7), t | 61); return ((t ^ (t >>> 14)) >>> 0) / 4294967296; };\n}\n",[],[175,285,277],"render","1e043dc9-b7e4-4a9c-a7b0-75aaa8de1dfa","portrait.ts","68855406-a957-11f1-9598-1607ee4eb77e",14,["D",1788632830586],"/**\n * 手札アイコン用ポートレート。実際の 3D キャラを小さなオフスクリーンシーンで描き、2D canvas に焼き込む。\n * → アイコンと戦場のキャラが完全に一致する。\n */\nimport * as THREE from \"three\";\nimport type { UnitDef } from \"../data/units.ts\";\nimport type { Side } from \"../game/field.ts\";\nimport { buildCharacter } from \"./characters.ts\";\n\nlet renderer: THREE.WebGLRenderer | null = null;\nconst cache = new Map();\n\nexport function portrait(def: UnitDef, side: Side, size = 128): HTMLCanvasElement {\n const key = `${def.id}:${side}:${size}`;\n const hit = cache.get(key);\n if (hit) return hit;\n\n if (!renderer) {\n renderer = new THREE.WebGLRenderer({ antialias: true, alpha: true, preserveDrawingBuffer: true });\n renderer.setPixelRatio(1);\n renderer.outputColorSpace = THREE.SRGBColorSpace;\n renderer.toneMapping = THREE.ACESFilmicToneMapping;\n }\n renderer.setSize(size, size, false);\n\n const scene = new THREE.Scene();\n scene.add(new THREE.HemisphereLight(0xffffff, 0x556644, 1.1));\n const sun = new THREE.DirectionalLight(0xfff2dc, 1.8);\n sun.position.set(2, 4, 3);\n scene.add(sun);\n\n const rig = buildCharacter(def, side);\n rig.hpBar.visible = false;\n rig.ring.visible = false;\n rig.group.rotation.y = -0.55; // 少し斜め正面\n // 大型は全身、小型は上半身寄り\n const h = rig.height;\n const cam = new THREE.PerspectiveCamera(30, 1, 0.1, 50);\n const dist = h * 1.65 + 0.6;\n cam.position.set(0.15 * dist, h * 0.62 + dist * 0.28, dist);\n cam.lookAt(0, h * 0.5, 0);\n scene.add(rig.group);\n\n renderer.render(scene, cam);\n const out = document.createElement(\"canvas\");\n out.width = size; out.height = size;\n const ctx = out.getContext(\"2d\")!;\n // 背景バッジ\n const grad = ctx.createRadialGradient(size / 2, size * 0.45, size * 0.1, size / 2, size / 2, size * 0.7);\n grad.addColorStop(0, side === \"ally\" ? \"#6aa9f0\" : \"#f08a80\");\n grad.addColorStop(1, side === \"ally\" ? \"#1f3f78\" : \"#7a1f18\");\n ctx.fillStyle = grad;\n ctx.fillRect(0, 0, size, size);\n ctx.drawImage(renderer.domElement, 0, 0, size, size);\n // 内側のビネット\n const vg = ctx.createRadialGradient(size / 2, size / 2, size * 0.35, size / 2, size / 2, size * 0.75);\n vg.addColorStop(0, \"rgba(0,0,0,0)\"); vg.addColorStop(1, \"rgba(0,0,0,.45)\");\n ctx.fillStyle = vg; ctx.fillRect(0, 0, size, size);\n\n scene.remove(rig.group);\n cache.set(key, out);\n return out;\n}\n",[],[175,285,287],"201463fc-2cf3-4378-9e2d-5898239351c2","characters.ts","e953181c-a956-11f1-a9b2-1607ee4eb77e",18,["D",1788632976530],"/**\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",[],[175,285,295],"f4dba040-1712-4698-bc55-82868511a452",11,["D",1788632617186],[210,211,212],[175,285],["D",1788632384317],[],[175,94,83],["D",1788632250810],[],[175,94,68],["D",1788632422912],[],[175,94,92],["D",1788632250810],[206,207,208],[175,94],"30abfe22-90a9-467c-8538-b6c0b1f917ab","units.ts","e76b3724-a955-11f1-9776-1607ee4eb77e","b681301e-db2c-4d7d-b204-eaeeac4b2d67",7,["D",1788632184489],"/**\n * キャラクター定義。\n * ステータス設計は本家の役割分担（コスト帯・進撃/迎撃・地上/飛行・対空・砦占拠・召喚数）を踏襲。\n * 外見(look)は 3D ビルダー (render/characters.ts) が解釈する独自デザイン仕様。\n */\nexport type Kind = \"small\" | \"medium\" | \"large\";\nexport type Behavior = \"advance\" | \"intercept\" | \"stationary\";\nexport type SkillType =\n | \"crit\" | \"defup\" | \"multishot\" | \"dash\" | \"split\" | \"wall\" | \"combo\"\n | \"revive\" | \"charge\" | \"poison\" | \"quake\" | \"flame\" | \"smash\" | \"howl\" | \"none\";\n\nexport type Archetype = \"humanoid\" | \"blob\" | \"rider\" | \"wyvern\" | \"golem\" | \"dragon\" | \"statue\" | \"beast\" | \"cyclops\";\nexport type HeadStyle = \"helm\" | \"hood\" | \"hat\" | \"bare\" | \"skull\" | \"goblin\" | \"lizard\" | \"orc\" | \"wolf\";\nexport type Weapon = \"sword\" | \"bow\" | \"staff\" | \"dagger\" | \"club\" | \"spear\" | \"lance\" | \"none\" | \"axe\" | \"claws\";\n\nexport interface Look {\n archetype: Archetype;\n scale: number;\n skin: number;\n cloth: number;\n armor: number;\n accent: number;\n head: HeadStyle;\n weapon: Weapon;\n shield?: boolean;\n cape?: boolean;\n}\n\nexport interface UnitDef {\n id: string;\n name: string;\n cost: number;\n /** 召喚数（剣士は Infinity） */\n summons: number;\n kind: Kind;\n behavior: Behavior;\n flying: boolean;\n antiAir: boolean;\n captures: boolean;\n hp: number;\n atk: number;\n def: number;\n /** マス/秒 */\n speed: number;\n /** 射程(マス) */\n range: number;\n /** 攻撃間隔(秒) */\n interval: number;\n /** 範囲攻撃半径(マス) 0=単体 */\n aoe: number;\n /** 当たり判定半径(マス) */\n radius: number;\n skill: { name: string; type: SkillType; chance: number; desc: string };\n look: Look;\n desc: string;\n}\n\nconst H = (n: number) => n;\n\nexport const UNITS: UnitDef[] = [\n {\n id: \"kenshi\", name: \"剣士\", cost: 1, summons: Infinity, kind: \"small\", behavior: \"advance\",\n flying: false, antiAir: false, captures: true,\n hp: 330, atk: 68, def: 28, speed: 1.55, range: 0.9, interval: 1.0, aoe: 0, radius: 0.32,\n skill: { name: \"ゴウゲキ\", type: \"crit\", chance: 0.14, desc: \"攻撃力2.6倍の一撃\" },\n look: { archetype: \"humanoid\", scale: 1, skin: 0xf1c9a5, cloth: 0x3d6fb5, armor: 0xb9c3cc, accent: 0xf4c542, head: \"helm\", weapon: \"sword\", shield: true },\n desc: \"無限に召喚できる基本兵。砦を占拠できる。\",\n },\n {\n id: \"archer\", name: \"アーチャー\", cost: 1, summons: 7, kind: \"small\", behavior: \"advance\",\n flying: false, antiAir: true, captures: false,\n hp: 230, atk: 58, def: 14, speed: 1.45, range: 4.6, interval: 1.25, aoe: 0, radius: 0.3,\n skill: { name: \"ボウギョアップ\", type: \"defup\", chance: 0.2, desc: \"一定時間防御アップ\" },\n look: { archetype: \"humanoid\", scale: 0.97, skin: 0xf1c9a5, cloth: 0x3f7d3a, armor: 0x6b4a2b, accent: 0xe8d9a8, head: \"hood\", weapon: \"bow\", cape: true },\n desc: \"前進して遠くから射る。空にも攻撃できる。\",\n },\n {\n id: \"mage\", name: \"魔法使い\", cost: 1, summons: 5, kind: \"small\", behavior: \"advance\",\n flying: false, antiAir: true, captures: false,\n hp: 210, atk: 72, def: 10, speed: 1.35, range: 3.6, interval: 1.5, aoe: 0.9, radius: 0.3,\n skill: { name: \"ダイマホウ\", type: \"multishot\", chance: 0.18, desc: \"広範囲の大魔法\" },\n look: { archetype: \"humanoid\", scale: 0.97, skin: 0xf1c9a5, cloth: 0x5b3fa8, armor: 0x2b1d55, accent: 0xf7e27a, head: \"hat\", weapon: \"staff\", cape: true },\n desc: \"範囲魔法で群れを焼く。耐久は紙。\",\n },\n {\n id: \"goblin\", name: \"ゴブリン\", cost: 1, summons: 6, kind: \"small\", behavior: \"advance\",\n flying: false, antiAir: false, captures: true,\n hp: 260, atk: 52, def: 18, speed: 2.35, range: 0.85, interval: 0.85, aoe: 0, radius: 0.28,\n skill: { name: \"ダッシュ\", type: \"dash\", chance: 0.22, desc: \"一定時間移動速度大幅アップ\" },\n look: { archetype: \"humanoid\", scale: 0.78, skin: 0x7fb54a, cloth: 0x8a5a2b, armor: 0x5b3a1a, accent: 0xd94a3a, head: \"goblin\", weapon: \"dagger\" },\n desc: \"足が速く砦を奪う。ステータスは低い。\",\n },\n {\n id: \"slime\", name: \"スライム\", cost: 1, summons: 5, kind: \"small\", behavior: \"intercept\",\n flying: false, antiAir: true, captures: false,\n hp: 430, atk: 46, def: 40, speed: 1.0, range: 1.0, interval: 1.1, aoe: 0, radius: 0.34,\n skill: { name: \"ブンレツ\", type: \"split\", chance: 0.25, desc: \"小スライムに分裂して増える\" },\n look: { archetype: \"blob\", scale: 1, skin: 0x5fd1e8, cloth: 0x2e8fb0, armor: 0x2e8fb0, accent: 0xffffff, head: \"bare\", weapon: \"none\" },\n desc: \"召喚位置付近を守る迎撃タイプ。低い空の敵にも届く。\",\n },\n {\n id: \"orc\", name: \"オーク\", cost: 2, summons: 5, kind: \"medium\", behavior: \"advance\",\n flying: false, antiAir: false, captures: false,\n hp: 980, atk: 92, def: 62, speed: 1.05, range: 1.0, interval: 1.3, aoe: 0, radius: 0.4,\n skill: { name: \"カベツクリ\", type: \"wall\", chance: 0.2, desc: \"前方に石像を作って壁にする\" },\n look: { archetype: \"humanoid\", scale: 1.22, skin: 0x8fa04a, cloth: 0x6b3f22, armor: 0x4a4a4a, accent: 0xe0c070, head: \"orc\", weapon: \"club\" },\n desc: \"壁役。高耐久で前線を支える。\",\n },\n {\n id: \"lizard\", name: \"リザードマン\", cost: 2, summons: 8, kind: \"medium\", behavior: \"advance\",\n flying: false, antiAir: false, captures: false,\n hp: 540, atk: 112, def: 34, speed: 1.8, range: 1.25, interval: 1.0, aoe: 0, radius: 0.36,\n skill: { name: \"レンゾクギリ\", type: \"combo\", chance: 0.2, desc: \"3連続攻撃\" },\n look: { archetype: \"humanoid\", scale: 1.08, skin: 0x4fa36a, cloth: 0xc9a25a, armor: 0x2e6b45, accent: 0xf0e6c0, head: \"lizard\", weapon: \"spear\" },\n desc: \"召喚数が多い突撃兵。手数で押す。\",\n },\n {\n id: \"skeleton\", name: \"スケルトン\", cost: 2, summons: 6, kind: \"medium\", behavior: \"advance\",\n flying: false, antiAir: false, captures: false,\n hp: 470, atk: 98, def: 20, speed: 1.6, range: 0.95, interval: 1.0, aoe: 0, radius: 0.34,\n skill: { name: \"フッカツ\", type: \"revive\", chance: 0.35, desc: \"倒れても一度だけ復活\" },\n look: { archetype: \"humanoid\", scale: 1.04, skin: 0xe8e4d8, cloth: 0x3a3a44, armor: 0x8a8578, accent: 0xa63a3a, head: \"skull\", weapon: \"axe\", shield: true },\n desc: \"しぶとい骨。倒しても起き上がることがある。\",\n },\n {\n id: \"werewolf\", name: \"ワーウルフ\", cost: 2, summons: 5, kind: \"medium\", behavior: \"intercept\",\n flying: false, antiAir: false, captures: false,\n hp: 760, atk: 140, def: 36, speed: 2.4, range: 1.0, interval: 0.9, aoe: 0, radius: 0.38,\n skill: { name: \"トオボエ\", type: \"howl\", chance: 0.22, desc: \"周囲の味方を強化\" },\n look: { archetype: \"beast\", scale: 1.1, skin: 0x5a4a55, cloth: 0x2a2530, armor: 0x2a2530, accent: 0xffc94a, head: \"wolf\", weapon: \"claws\" },\n desc: \"召喚した場所を守り、近づく敵に飛びかかる迎撃。\",\n },\n {\n id: \"knight\", name: \"騎馬兵\", cost: 3, summons: 4, kind: \"medium\", behavior: \"advance\",\n flying: false, antiAir: false, captures: true,\n hp: 880, atk: 122, def: 52, speed: 2.7, range: 1.1, interval: 1.1, aoe: 0, radius: 0.42,\n skill: { name: \"トツゲキ\", type: \"charge\", chance: 0.3, desc: \"突進して敵を吹き飛ばす\" },\n look: { archetype: \"rider\", scale: 1.15, skin: 0xf1c9a5, cloth: 0xb02a1f, armor: 0xd8dde3, accent: 0xf4c542, head: \"helm\", weapon: \"lance\", cape: true },\n desc: \"最速の砦占拠キャラ。奥の砦を狙える。\",\n },\n {\n id: \"wyvern\", name: \"ワイバーン\", cost: 3, summons: 4, kind: \"medium\", behavior: \"advance\",\n flying: true, antiAir: true, captures: false,\n hp: 720, atk: 132, def: 38, speed: 1.7, range: 1.2, interval: 1.0, aoe: 0, radius: 0.42,\n skill: { name: \"ドクギリ\", type: \"poison\", chance: 0.28, desc: \"毒の霧で継続ダメージ\" },\n look: { archetype: \"wyvern\", scale: 1.05, skin: 0x6a8f3a, cloth: 0x3c5a22, armor: 0x3c5a22, accent: 0xe6d47a, head: \"lizard\", weapon: \"none\" },\n desc: \"飛行。対空のない地上キャラを無視して飛び越える。\",\n },\n {\n id: \"golem\", name: \"ゴーレム\", cost: 5, summons: 2, kind: \"large\", behavior: \"advance\",\n flying: false, antiAir: false, captures: false,\n hp: 3300, atk: 265, def: 125, speed: 0.68, range: 1.3, interval: 1.7, aoe: 1.2, radius: 0.62,\n skill: { name: \"グラグラ\", type: \"quake\", chance: 0.22, desc: \"地震で周囲を行動不能にする\" },\n look: { archetype: \"golem\", scale: 1.75, skin: 0x8c8378, cloth: 0x5d564d, armor: 0x5d564d, accent: 0x7fd1ff, head: \"bare\", weapon: \"none\" },\n desc: \"大型。範囲攻撃で小型を一掃する。\",\n },\n {\n id: \"cyclops\", name: \"サイクロプス\", cost: 5, summons: 2, kind: \"large\", behavior: \"advance\",\n flying: false, antiAir: false, captures: false,\n hp: 3050, atk: 410, def: 92, speed: 0.78, range: 1.35, interval: 1.8, aoe: 0.6, radius: 0.62,\n skill: { name: \"ダイジシン\", type: \"smash\", chance: 0.24, desc: \"地面を叩き前方を粉砕\" },\n look: { archetype: \"cyclops\", scale: 1.7, skin: 0xc98a6a, cloth: 0x5a3a2a, armor: 0x5a3a2a, accent: 0xffe27a, head: \"bare\", weapon: \"club\" },\n desc: \"大型。一撃が重く、大型同士の殴り合いに強い。\",\n },\n {\n id: \"reddragon\", name: \"レッドドラゴン\", cost: 7, summons: 1, kind: \"large\", behavior: \"advance\",\n flying: false, antiAir: true, captures: false,\n hp: 4300, atk: 330, def: 100, speed: 0.8, range: 2.6, interval: 1.6, aoe: 1.4, radius: 0.7,\n skill: { name: \"ダイネッセン\", type: \"flame\", chance: 0.24, desc: \"前方一直線に炎を吐く\" },\n look: { archetype: \"dragon\", scale: 1.85, skin: 0xc8352a, cloth: 0xe8b25a, armor: 0x7a1a12, accent: 0xffd27a, head: \"lizard\", weapon: \"none\" },\n desc: \"最重量の大型。炎のブレスは空の敵にも届く。\",\n },\n];\n\nexport const UNIT_BY_ID: Record = Object.fromEntries(UNITS.map((u) => [u.id, u]));\n\n/** オークのスキルで生まれる石像（手札には出ない） */\nexport const STATUE: UnitDef = {\n id: \"statue\", name: \"石像\", cost: 0, summons: 0, kind: \"medium\", behavior: \"stationary\",\n flying: false, antiAir: false, captures: false,\n hp: 700, atk: 0, def: 80, speed: 0, range: 0, interval: 9, aoe: 0, radius: 0.36,\n skill: { name: \"\", type: \"none\", chance: 0, desc: \"\" },\n look: { archetype: \"statue\", scale: 1.1, skin: 0x9a9388, cloth: 0x9a9388, armor: 0x9a9388, accent: 0x9a9388, head: \"bare\", weapon: \"none\" },\n desc: \"\",\n};\n\n/** 分裂スライム */\nexport const MINI_SLIME: UnitDef = {\n ...UNIT_BY_ID.slime, id: \"minislime\", name: \"小スライム\", summons: 0,\n hp: 180, atk: 32, def: 20, radius: 0.24,\n skill: { name: \"\", type: \"none\", chance: 0, desc: \"\" },\n look: { ...UNIT_BY_ID.slime.look, scale: 0.62 },\n};\n\n/**\n * 手札生成: 剣士 + ランダム7体（ソロは大型2体まで）。砦占拠キャラを最低1体保証。\n */\nexport function drawHand(rng: () => number = Math.random): UnitDef[] {\n const pool = UNITS.filter((u) => u.id !== \"kenshi\");\n const shuffled = [...pool].sort(() => rng() - 0.5);\n const picked: UnitDef[] = [];\n let larges = 0;\n for (const u of shuffled) {\n if (picked.length >= 7) break;\n if (u.kind === \"large\") {\n if (larges >= 2) continue;\n larges++;\n }\n picked.push(u);\n }\n if (!picked.some((u) => u.captures)) {\n const cap = pool.filter((u) => u.captures && !picked.includes(u));\n const idx = picked.findIndex((u) => !u.captures && u.kind !== \"large\");\n if (cap.length && idx >= 0) picked[idx] = cap[Math.floor(rng() * cap.length)];\n }\n // 本家同様: コスト順に並べる\n picked.sort((a, b) => a.cost - b.cost || a.name.localeCompare(b.name, \"ja\"));\n return [UNIT_BY_ID.kenshi, ...picked];\n}\n\nexport const KIND_LABEL: Record = { small: \"小型\", medium: \"中型\", large: \"大型\" };\nexport const BEHAVIOR_LABEL: Record = { advance: \"進撃\", intercept: \"迎撃\", stationary: \"固定\" };\nvoid H;\n",[],[175,328,320],"data","17811fd7-06a0-41c1-b230-25dd7bc5c3de",["D",1788632184489],[204],[175,328],"7ca267d1-a905-483a-afbb-0b80c52167b1",["D",1788632184489],[203,205,209,213,215],[175],["D",1788631518075],{"_11":12,"_145":74},{"_11":12,"_141":12,"_73":74,"_31":72,"_142":143,"_144":30},{"_41":132,"_13":16,"_35":38,"_133":97,"_134":-5,"_135":-5,"_136":-5,"_137":-5,"_138":-5,"_139":14,"_140":12},"ctx",{"_56":-5,"_164":374,"_375":376,"_377":378,"_379":30,"_380":30,"_381":30,"_382":24,"_383":-5,"_384":-7,"_385":-7,"_386":26,"_387":30,"_388":30,"_389":-5,"_390":30,"_391":30,"_392":30,"_393":-5},"ENV",{"_345":346,"_347":348,"_349":16,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361,"_362":363,"_364":365,"_366":367,"_368":369,"_370":371,"_372":373},"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",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

History · game