\n 城とドラゴン\n

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

\n \n \n

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

\n \n

\n\n \n

\n \n

\n\n

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

\n \n \n",[],[204],"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",[],[212],"539fa5bf-1fc8-4fd2-b8d7-fd28f709bc9e","9b238770-a957-11f1-a993-1607ee4eb77e","b05befcb-3355-465f-9a1d-e0c17c06d3c1",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",[],[153,194],"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",[],[153,236,228],"ui","3a2277de-22a3-4c80-a748-8f73b6ed0f4b",["D",1788632866993],"directory",[178],[153,236],"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",[],[153,251,243],"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",[],[153,251,253],"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",[],[153,251,261],"f4dba040-1712-4698-bc55-82868511a452",11,["D",1788632617186],[174,175,176],[153,251],"48b17260-aa26-4d67-b7e1-d2288abeb8b8","sim.ts","5e860e6a-a956-11f1-820e-1607ee4eb77e","a2161ed8-fc94-4607-a616-b369ea63f107",9,["D",1788632384317],"/**\n * バトルシミュレーション（描画に依存しない純粋ロジック）。\n *\n * 本家準拠の要素:\n * - 3分制、コスト開始30、回復速度は残り時間で加速 (1/6s → 1/5s → 1/4s → 1/3s)\n * - 剣士は無限召喚、その他は召喚数制限\n * - 砦: HPを削り、砦占拠キャラの一撃で旗が立つ。占拠で召喚ラインが前進\n * - 進撃/迎撃、地上/飛行、対空、範囲攻撃、スキル発動\n * - 大砲（クールダウン制、ダメージ+吹き飛ばし）\n * - 城のドラゴン（城が攻められると目覚め、城前をブレスで焼く）\n * - 勝敗: 完全 / 落城 / 点差 / 判定 / 引き分け\n */\nimport { MINI_SLIME, STATUE, type UnitDef } from \"../data/units.ts\";\nimport {\n canSummonAt, CASTLE_WALL_X, CASTLE_X, COLS, FORT_RADIUS, FORT_SPECS, other, ROWS, type Side, summonDepth, tileCenter,\n} from \"./field.ts\";\n\nexport const MATCH_SECONDS = 180;\nexport const START_COST = 30;\nexport const CASTLE_HP = 3600;\nexport const FORT_HP = 620;\nexport const CANNON_COOLDOWN = 18;\nexport const CANNON_DAMAGE = 170;\nexport const CANNON_RADIUS = 1.35;\nexport const SPAWN_DELAY = 0.75;\n\nexport type UnitState = \"spawning\" | \"idle\" | \"walk\" | \"attack\" | \"dead\";\n\nexport interface Buffs {\n defUp: number; dash: number; stun: number; poison: number; poisonDps: number; howl: number; charge: number;\n}\n\nexport interface Unit {\n id: number;\n side: Side;\n def: UnitDef;\n hp: number;\n maxHp: number;\n x: number;\n z: number;\n /** 飛行高度 */\n alt: number;\n facing: number; // +1 右向き, -1 左向き\n state: UnitState;\n t: number; // state 経過秒\n attackCd: number;\n attackAnim: number;\n buffs: Buffs;\n homeX: number;\n homeZ: number;\n revived: boolean;\n split: boolean;\n wallCd: number;\n hitFlash: number;\n skillFlash: number;\n deathT: number;\n /** 直近の攻撃対象（描画の向き用） */\n targetId: number | null;\n targetKind: \"unit\" | \"fort\" | \"castle\" | null;\n /** 剣士以外の手札スロット */\n slot: number;\n}\n\nexport interface Fort {\n index: number;\n x: number; z: number;\n owner: Side | null;\n hp: number;\n maxHp: number;\n flagT: number; // 旗アニメーション\n hitFlash: number;\n}\n\nexport interface Castle {\n side: Side;\n hp: number;\n maxHp: number;\n dragonAwake: boolean;\n dragonCd: number;\n dragonAnim: number;\n hitFlash: number;\n}\n\nexport type ProjectileKind = \"arrow\" | \"magic\" | \"cannon\" | \"fire\";\nexport interface Projectile {\n id: number; kind: ProjectileKind; side: Side;\n sx: number; sy: number; sz: number;\n tx: number; ty: number; tz: number;\n t: number; dur: number; arc: number;\n onLand: () => void;\n}\n\nexport type EffectKind = \"hit\" | \"boom\" | \"summon\" | \"capture\" | \"skill\" | \"quake\" | \"flame\" | \"howl\" | \"poison\" | \"spark\" | \"dust\";\nexport interface Effect {\n id: number; kind: EffectKind; x: number; y: number; z: number; t: number; dur: number;\n side?: Side; radius?: number; dirX?: number; color?: number;\n}\n\nexport type SimEvent =\n | { type: \"skill\"; side: Side; name: string; unitId: number }\n | { type: \"capture\"; side: Side; fort: number }\n | { type: \"fortNeutral\"; fort: number }\n | { type: \"castleHit\"; side: Side }\n | { type: \"dragonWake\"; side: Side }\n | { type: \"cannon\"; side: Side }\n | { type: \"summon\"; side: Side; unitId: number }\n | { type: \"death\"; unitId: number };\n\nexport type ResultKind = \"complete\" | \"castle\" | \"points\" | \"judge\" | \"draw\";\nexport interface Result { winner: Side | null; kind: ResultKind }\n\nexport interface HandSlot { def: UnitDef; remaining: number }\n\nexport class Sim {\n time = 0;\n timeLeft = MATCH_SECONDS;\n finished: Result | null = null;\n units: Unit[] = [];\n forts: Fort[] = FORT_SPECS.map((f, i) => {\n const c = tileCenter(f.col, f.row);\n return { index: i, x: c.x, z: c.z, owner: null, hp: FORT_HP, maxHp: FORT_HP, flagT: 1, hitFlash: 0 };\n });\n castles: Record = {\n ally: { side: \"ally\", hp: CASTLE_HP, maxHp: CASTLE_HP, dragonAwake: false, dragonCd: 2, dragonAnim: 0, hitFlash: 0 },\n enemy: { side: \"enemy\", hp: CASTLE_HP, maxHp: CASTLE_HP, dragonAwake: false, dragonCd: 2, dragonAnim: 0, hitFlash: 0 },\n };\n cost: Record = { ally: START_COST, enemy: START_COST };\n costAcc: Record = { ally: 0, enemy: 0 };\n cannonCd: Record = { ally: 0, enemy: 0 };\n hands: Record;\n projectiles: Projectile[] = [];\n effects: Effect[] = [];\n events: SimEvent[] = [];\n stats = { ally: { summoned: 0, kills: 0, captures: 0 }, enemy: { summoned: 0, kills: 0, captures: 0 } };\n private nextId = 1;\n rng: () => number;\n\n constructor(allyHand: UnitDef[], enemyHand: UnitDef[], rng: () => number = Math.random) {\n this.rng = rng;\n this.hands = {\n ally: allyHand.map((def) => ({ def, remaining: def.summons })),\n enemy: enemyHand.map((def) => ({ def, remaining: def.summons })),\n };\n }\n\n /* ------------------------------------------------------------------ */\n /* 公開 API */\n /* ------------------------------------------------------------------ */\n\n fortOwners(): (Side | null)[] { return this.forts.map((f) => f.owner); }\n depth(side: Side): number { return summonDepth(side, this.fortOwners()); }\n canSummon(side: Side, col: number, row: number): boolean { return canSummonAt(side, col, row, this.fortOwners()); }\n\n /** 現在のコスト回復速度 (コスト/秒) */\n regenRate(): number {\n const t = this.timeLeft;\n if (t > 120) return 1 / 6;\n if (t > 60) return 1 / 5;\n if (t > 30) return 1 / 4;\n return 1 / 3;\n }\n\n /** 召喚。成功したら Unit を返す */\n summon(side: Side, slot: number, col: number, row: number): Unit | null {\n if (this.finished) return null;\n const hand = this.hands[side][slot];\n if (!hand || hand.remaining <= 0) return null;\n if (this.cost[side] < hand.def.cost) return null;\n if (!this.canSummon(side, col, row)) return null;\n this.cost[side] -= hand.def.cost;\n if (hand.remaining !== Infinity) hand.remaining--;\n const c = tileCenter(col, row);\n // 重ね出し対策で微妙にずらす\n const u = this.spawnUnit(side, hand.def, c.x + (this.rng() - 0.5) * 0.12, c.z + (this.rng() - 0.5) * 0.12, slot);\n this.stats[side].summoned++;\n this.effects.push({ id: this.nextId++, kind: \"summon\", x: u.x, y: 0, z: u.z, t: 0, dur: 0.7, side, radius: u.def.radius * 2 + 0.3 });\n this.events.push({ type: \"summon\", side, unitId: u.id });\n return u;\n }\n\n canFireCannon(side: Side): boolean { return !this.finished && this.cannonCd[side] <= 0; }\n\n /** 大砲: 城から着弾点へ弾を撃つ */\n fireCannon(side: Side, x: number, z: number): boolean {\n if (!this.canFireCannon(side)) return false;\n x = Math.max(0.3, Math.min(COLS - 0.3, x));\n z = Math.max(0.3, Math.min(ROWS - 0.3, z));\n this.cannonCd[side] = CANNON_COOLDOWN;\n const sx = CASTLE_X[side] + (side === \"ally\" ? 0.6 : -0.6);\n const dist = Math.abs(x - sx);\n this.projectiles.push({\n id: this.nextId++, kind: \"cannon\", side,\n sx, sy: 2.6, sz: ROWS / 2, tx: x, ty: 0, tz: z,\n t: 0, dur: 0.55 + dist * 0.035, arc: 2.5 + dist * 0.12,\n onLand: () => this.cannonLand(side, x, z),\n });\n this.events.push({ type: \"cannon\", side });\n return true;\n }\n\n /* ------------------------------------------------------------------ */\n /* メインループ */\n /* ------------------------------------------------------------------ */\n\n step(dt: number) {\n if (this.finished) {\n this.updateVisualsOnly(dt);\n return;\n }\n this.time += dt;\n this.timeLeft = Math.max(0, MATCH_SECONDS - this.time);\n\n // コスト回復\n for (const side of [\"ally\", \"enemy\"] as Side[]) {\n this.costAcc[side] += dt * this.regenRate();\n while (this.costAcc[side] >= 1) { this.costAcc[side] -= 1; this.cost[side] += 1; }\n this.cannonCd[side] = Math.max(0, this.cannonCd[side] - dt);\n }\n\n this.updateUnits(dt);\n this.updateProjectiles(dt);\n this.updateCastles(dt);\n this.updateEffects(dt);\n for (const f of this.forts) { f.flagT = Math.min(1, f.flagT + dt * 1.6); f.hitFlash = Math.max(0, f.hitFlash - dt * 4); }\n\n // 死亡整理\n this.units = this.units.filter((u) => !(u.state === \"dead\" && u.deathT > 1.1));\n\n // 勝敗判定\n const a = this.castles.ally.hp, e = this.castles.enemy.hp;\n if (a <= 0 || e <= 0) {\n if (a <= 0 && e <= 0) this.finished = { winner: null, kind: \"draw\" };\n else {\n const winner: Side = a <= 0 ? \"enemy\" : \"ally\";\n const allForts = this.forts.every((f) => f.owner === winner);\n this.finished = { winner, kind: allForts ? \"complete\" : \"castle\" };\n }\n } else if (this.timeLeft <= 0) {\n if (a !== e) this.finished = { winner: a > e ? \"ally\" : \"enemy\", kind: \"points\" };\n else {\n const fa = this.forts.filter((f) => f.owner === \"ally\").length;\n const fe = this.forts.filter((f) => f.owner === \"enemy\").length;\n this.finished = fa === fe ? { winner: null, kind: \"draw\" } : { winner: fa > fe ? \"ally\" : \"enemy\", kind: \"judge\" };\n }\n }\n }\n\n private updateVisualsOnly(dt: number) {\n for (const u of this.units) {\n u.attackAnim = Math.max(0, u.attackAnim - dt * 3);\n u.hitFlash = Math.max(0, u.hitFlash - dt * 4);\n if (u.state === \"dead\") u.deathT += dt;\n else { u.state = \"idle\"; u.t += dt; }\n }\n this.units = this.units.filter((u) => !(u.state === \"dead\" && u.deathT > 1.1));\n this.updateProjectiles(dt);\n this.updateEffects(dt);\n }\n\n /* ------------------------------------------------------------------ */\n /* ユニット */\n /* ------------------------------------------------------------------ */\n\n private spawnUnit(side: Side, def: UnitDef, x: number, z: number, slot: number): Unit {\n const u: Unit = {\n id: this.nextId++, side, def, hp: def.hp, maxHp: def.hp, x, z,\n alt: def.flying ? 1.6 : 0, facing: side === \"ally\" ? 1 : -1,\n state: \"spawning\", t: 0, attackCd: 0.3, attackAnim: 0,\n buffs: { defUp: 0, dash: 0, stun: 0, poison: 0, poisonDps: 0, howl: 0, charge: 0 },\n homeX: x, homeZ: z, revived: false, split: false, wallCd: 0, hitFlash: 0, skillFlash: 0, deathT: 0,\n targetId: null, targetKind: null, slot,\n };\n this.units.push(u);\n return u;\n }\n\n private alive(u: Unit) { return u.state !== \"dead\" && u.state !== \"spawning\"; }\n\n private canHit(attacker: Unit, target: Unit): boolean {\n if (target.def.flying && !attacker.def.antiAir) return false;\n return true;\n }\n\n private dist(ax: number, az: number, bx: number, bz: number) { return Math.hypot(ax - bx, az - bz); }\n\n private effectiveSpeed(u: Unit) {\n let s = u.def.speed;\n if (u.buffs.dash > 0) s *= 2.2;\n if (u.buffs.charge > 0) s *= 3.2;\n return s;\n }\n\n private effectiveDef(u: Unit) { return u.def.def * (u.buffs.defUp > 0 ? 1.6 : 1); }\n private effectiveAtk(u: Unit) { return u.def.atk * (u.buffs.howl > 0 ? 1.3 : 1); }\n\n private updateUnits(dt: number) {\n const forwardOf = (u: Unit) => (u.side === \"ally\" ? 1 : -1);\n\n for (const u of this.units) {\n u.attackAnim = Math.max(0, u.attackAnim - dt * 3);\n u.hitFlash = Math.max(0, u.hitFlash - dt * 4);\n u.skillFlash = Math.max(0, u.skillFlash - dt * 1.5);\n u.wallCd = Math.max(0, u.wallCd - dt);\n for (const k of Object.keys(u.buffs) as (keyof Buffs)[]) if (k !== \"poisonDps\") u.buffs[k] = Math.max(0, u.buffs[k] - dt);\n\n if (u.state === \"dead\") { u.deathT += dt; continue; }\n if (u.state === \"spawning\") {\n u.t += dt;\n if (u.t >= SPAWN_DELAY) { u.state = \"idle\"; u.t = 0; }\n continue;\n }\n // 毒\n if (u.buffs.poison > 0) {\n u.hp -= u.buffs.poisonDps * dt;\n if (u.hp <= 0) { this.kill(u, null); continue; }\n }\n if (u.buffs.stun > 0) { u.state = \"idle\"; continue; }\n if (u.def.behavior === \"stationary\") { u.state = \"idle\"; continue; }\n\n u.attackCd -= dt;\n const fwd = forwardOf(u);\n const range = u.def.range;\n const aggro = range + (u.def.behavior === \"advance\" ? 2.4 : 3.2);\n\n // --- ターゲット探索 ---\n let target: Unit | null = null, tDist = Infinity;\n for (const o of this.units) {\n if (o.side === u.side || !this.alive(o) || !this.canHit(u, o)) continue;\n const d = this.dist(u.x, u.z, o.x, o.z);\n if (d > aggro) continue;\n if (u.def.behavior === \"intercept\" && this.dist(u.homeX, u.homeZ, o.x, o.z) > 3.4) continue;\n // 迎撃は近い順、進撃は「前方寄り」を優先\n const score = d + (u.def.behavior === \"advance\" && (o.x - u.x) * fwd < -0.5 ? 1.5 : 0);\n if (score < tDist) { tDist = score; target = o; }\n }\n\n // --- 砦 ---\n let fort: Fort | null = null, fDist = Infinity;\n if (!u.def.flying) {\n for (const f of this.forts) {\n if (f.owner === u.side) continue;\n const d = this.dist(u.x, u.z, f.x, f.z);\n const ahead = (f.x - u.x) * fwd;\n if (u.def.behavior === \"advance\") {\n if (ahead < -0.8 || ahead > 3.2 || Math.abs(f.z - u.z) > 1.7) continue;\n } else if (d > 2.6) continue;\n if (d < fDist) { fDist = d; fort = f; }\n }\n }\n\n // --- 城 ---\n const enemyWallX = CASTLE_WALL_X[other(u.side)];\n const castleDist = Math.abs(enemyWallX - u.x);\n const canReachCastle = u.def.behavior === \"advance\" && castleDist <= range + 0.6;\n\n const realTargetDist = target ? this.dist(u.x, u.z, target.x, target.z) - target.def.radius : Infinity;\n const fortHitDist = fort ? fDist - FORT_RADIUS : Infinity;\n\n // --- 行動決定 ---\n if (target && realTargetDist <= range) {\n u.targetId = target.id; u.targetKind = \"unit\";\n u.facing = Math.sign(target.x - u.x) || u.facing;\n this.tryAttack(u, target, null, dt);\n } else if (fort && fortHitDist <= range) {\n u.targetId = null; u.targetKind = \"fort\";\n u.facing = Math.sign(fort.x - u.x) || u.facing;\n this.tryAttack(u, null, fort, dt);\n } else if (canReachCastle) {\n u.targetId = null; u.targetKind = \"castle\";\n u.facing = fwd;\n this.tryAttackCastle(u, dt);\n } else {\n // 移動\n let mx = 0, mz = 0;\n if (target) {\n mx = target.x - u.x; mz = target.z - u.z;\n } else if (fort) {\n mx = fort.x - u.x; mz = fort.z - u.z;\n } else if (u.def.behavior === \"advance\") {\n mx = fwd;\n // 進撃中は中央付近の行へ緩やかに寄る（本家の行進イメージ）\n mz = 0;\n } else {\n // 迎撃: 持ち場へ戻る\n mx = u.homeX - u.x; mz = u.homeZ - u.z;\n if (Math.hypot(mx, mz) < 0.15) { mx = 0; mz = 0; }\n }\n const len = Math.hypot(mx, mz);\n if (len > 0.001) {\n const sp = this.effectiveSpeed(u) * dt;\n u.x += (mx / len) * sp; u.z += (mz / len) * sp;\n u.facing = Math.sign(mx) || u.facing;\n u.state = \"walk\";\n } else u.state = \"idle\";\n u.targetId = null; u.targetKind = null;\n }\n\n // 突進（トツゲキ）: 通り道の敵にダメージ\n if (u.buffs.charge > 0) {\n u.state = \"walk\";\n u.x += fwd * 3.0 * dt;\n for (const o of this.units) {\n if (o.side === u.side || !this.alive(o) || o.def.flying) continue;\n if (this.dist(u.x, u.z, o.x, o.z) < u.def.radius + o.def.radius + 0.1 && o.hitFlash <= 0) {\n this.damage(o, this.effectiveAtk(u) * 1.8, u);\n this.knockback(o, fwd, 1.4);\n }\n }\n }\n\n // 分離（同陣営が重なりすぎない）\n for (const o of this.units) {\n if (o === u || o.state === \"dead\" || o.def.flying !== u.def.flying) continue;\n const d = this.dist(u.x, u.z, o.x, o.z);\n const min = (u.def.radius + o.def.radius) * 0.9;\n if (d < min && d > 0.0001) {\n const push = (min - d) * 0.5 * (o.side === u.side ? 1 : 0.9);\n u.x += ((u.x - o.x) / d) * push; u.z += ((u.z - o.z) / d) * push;\n }\n }\n // 砦・フィールド境界\n for (const f of this.forts) {\n if (u.def.flying) break;\n const d = this.dist(u.x, u.z, f.x, f.z);\n const min = FORT_RADIUS + u.def.radius * 0.6;\n if (d < min && d > 0.0001) { u.x += ((u.x - f.x) / d) * (min - d); u.z += ((u.z - f.z) / d) * (min - d); }\n }\n u.z = Math.max(0.25, Math.min(ROWS - 0.25, u.z));\n u.x = Math.max(-0.2, Math.min(COLS + 0.2, u.x));\n }\n }\n\n private tryAttack(u: Unit, target: Unit | null, fort: Fort | null, _dt: number) {\n u.state = \"attack\";\n if (u.attackCd > 0) return;\n u.attackCd = u.def.interval;\n u.attackAnim = 1;\n\n const skillProc = u.def.skill.type !== \"none\" && this.rng() < u.def.skill.chance;\n let dmgMul = 1;\n if (skillProc) this.procSkill(u, target);\n if (skillProc && u.def.skill.type === \"crit\") dmgMul = 2.6;\n\n const atk = this.effectiveAtk(u) * dmgMul;\n const ranged = u.def.range >= 1.6;\n const px = u.x, pz = u.z, py = u.alt + u.def.look.scale * 0.6;\n\n if (fort) {\n const hit = () => this.damageFort(fort, atk, u);\n if (ranged) this.shoot(u, fort.x, 0.8, fort.z, hit);\n else hit();\n return;\n }\n if (!target) return;\n const tx = target.x, tz = target.z, ty = target.alt + 0.4;\n const combo = skillProc && u.def.skill.type === \"combo\" ? 3 : 1;\n\n const applyHit = () => {\n if (u.def.aoe > 0 || (skillProc && u.def.skill.type === \"multishot\")) {\n const radius = skillProc && u.def.skill.type === \"multishot\" ? 1.9 : u.def.aoe;\n const mul = skillProc && u.def.skill.type === \"multishot\" ? 1.5 : 1;\n for (const o of this.units) {\n if (o.side === u.side || !this.alive(o) || !this.canHit(u, o)) continue;\n if (this.dist(tx, tz, o.x, o.z) <= radius + o.def.radius) this.damage(o, atk * mul, u);\n }\n this.effects.push({ id: this.nextId++, kind: \"boom\", x: tx, y: ty, z: tz, t: 0, dur: 0.5, radius, side: u.side, color: u.def.look.accent });\n } else {\n for (let i = 0; i < combo; i++) this.damage(target, atk, u);\n if (skillProc && u.def.skill.type === \"poison\") { target.buffs.poison = 5; target.buffs.poisonDps = atk * 0.35; }\n }\n };\n\n if (ranged) this.shoot(u, tx, ty, tz, applyHit, px, py, pz);\n else applyHit();\n }\n\n private shoot(u: Unit, tx: number, ty: number, tz: number, onLand: () => void, sx = u.x, sy = u.alt + u.def.look.scale * 0.6, sz = u.z) {\n const kind: ProjectileKind = u.def.id === \"archer\" ? \"arrow\" : (u.def.id === \"reddragon\" ? \"fire\" : \"magic\");\n const d = this.dist(sx, sz, tx, tz);\n this.projectiles.push({ id: this.nextId++, kind, side: u.side, sx, sy, sz, tx, ty, tz, t: 0, dur: 0.18 + d * 0.09, arc: kind === \"arrow\" ? 0.5 + d * 0.15 : 0.15, onLand });\n }\n\n private tryAttackCastle(u: Unit, _dt: number) {\n u.state = \"attack\";\n if (u.attackCd > 0) return;\n u.attackCd = u.def.interval;\n u.attackAnim = 1;\n const c = this.castles[other(u.side)];\n const atk = this.effectiveAtk(u);\n const hit = () => {\n if (this.finished) return;\n c.hp = Math.max(0, c.hp - atk);\n c.hitFlash = 1;\n this.events.push({ type: \"castleHit\", side: c.side });\n this.effects.push({ id: this.nextId++, kind: \"hit\", x: CASTLE_WALL_X[c.side], y: 1.2 + this.rng() * 0.8, z: u.z, t: 0, dur: 0.3 });\n if (!c.dragonAwake && c.hp < c.maxHp * 0.7) { c.dragonAwake = true; c.dragonCd = 1.2; this.events.push({ type: \"dragonWake\", side: c.side }); }\n };\n if (u.def.range >= 1.6) this.shoot(u, CASTLE_WALL_X[c.side], 1.5, u.z, hit);\n else hit();\n }\n\n private procSkill(u: Unit, target: Unit | null) {\n const s = u.def.skill;\n u.skillFlash = 1;\n this.events.push({ type: \"skill\", side: u.side, name: s.name, unitId: u.id });\n this.effects.push({ id: this.nextId++, kind: \"skill\", x: u.x, y: u.alt, z: u.z, t: 0, dur: 0.8, side: u.side, radius: u.def.radius * 2.6 });\n const fwd = u.side === \"ally\" ? 1 : -1;\n switch (s.type) {\n case \"defup\": u.buffs.defUp = 6; break;\n case \"dash\": u.buffs.dash = 4; break;\n case \"howl\": {\n u.buffs.howl = 6;\n for (const o of this.units) if (o.side === u.side && this.alive(o) && this.dist(u.x, u.z, o.x, o.z) < 2.6) o.buffs.howl = 6;\n this.effects.push({ id: this.nextId++, kind: \"howl\", x: u.x, y: 0, z: u.z, t: 0, dur: 0.9, side: u.side, radius: 2.6 });\n break;\n }\n case \"split\": {\n if (u.split) break;\n u.split = true;\n for (let i = 0; i < 2; i++) {\n const m = this.spawnUnit(u.side, MINI_SLIME, u.x + (i ? 0.45 : -0.45), u.z + (this.rng() - 0.5) * 0.5, -1);\n m.state = \"idle\"; m.homeX = u.homeX; m.homeZ = u.homeZ;\n }\n break;\n }\n case \"wall\": {\n if (u.wallCd > 0) break;\n u.wallCd = 12;\n const sx = u.x + fwd * 1.2;\n if (sx > 0.3 && sx < COLS - 0.3) {\n const st = this.spawnUnit(u.side, STATUE, sx, u.z, -1);\n st.state = \"idle\";\n this.effects.push({ id: this.nextId++, kind: \"dust\", x: sx, y: 0, z: u.z, t: 0, dur: 0.6, radius: 0.8 });\n }\n break;\n }\n case \"charge\": u.buffs.charge = 0.8; break;\n case \"quake\": {\n for (const o of this.units) {\n if (o.side === u.side || !this.alive(o) || o.def.flying) continue;\n if (this.dist(u.x, u.z, o.x, o.z) < 2.3) { o.buffs.stun = 2.5; this.damage(o, this.effectiveAtk(u) * 0.8, u); }\n }\n this.effects.push({ id: this.nextId++, kind: \"quake\", x: u.x, y: 0, z: u.z, t: 0, dur: 0.9, radius: 2.3 });\n break;\n }\n case \"flame\": {\n const len = 4.5, half = 0.75;\n for (const o of this.units) {\n if (o.side === u.side || !this.alive(o)) continue;\n const ahead = (o.x - u.x) * fwd;\n if (ahead > 0 && ahead < len && Math.abs(o.z - u.z) < half + o.def.radius) this.damage(o, this.effectiveAtk(u) * 2.2, u);\n }\n for (const f of this.forts) {\n const ahead = (f.x - u.x) * fwd;\n if (f.owner !== u.side && ahead > 0 && ahead < len && Math.abs(f.z - u.z) < half + FORT_RADIUS) this.damageFort(f, this.effectiveAtk(u) * 1.2, u);\n }\n this.effects.push({ id: this.nextId++, kind: \"flame\", x: u.x, y: u.def.look.scale * 0.7, z: u.z, t: 0, dur: 0.9, dirX: fwd, radius: len, side: u.side });\n break;\n }\n case \"smash\": {\n for (const o of this.units) {\n if (o.side === u.side || !this.alive(o) || o.def.flying) continue;\n const ahead = (o.x - u.x) * fwd;\n if (ahead > -0.3 && this.dist(u.x, u.z, o.x, o.z) < 2.0) { this.damage(o, this.effectiveAtk(u) * 2.4, u); this.knockback(o, fwd, 1.6); }\n }\n this.effects.push({ id: this.nextId++, kind: \"quake\", x: u.x + fwd * 0.9, y: 0, z: u.z, t: 0, dur: 0.7, radius: 1.8 });\n break;\n }\n default: break;\n }\n void target;\n }\n\n private knockback(o: Unit, dirX: number, amount: number) {\n if (o.def.kind === \"large\" || o.def.behavior === \"stationary\") return;\n o.x = Math.max(0.2, Math.min(COLS - 0.2, o.x + dirX * amount));\n o.buffs.stun = Math.max(o.buffs.stun, 0.5);\n }\n\n private damage(o: Unit, raw: number, from: Unit | null) {\n if (o.state === \"dead\") return;\n const dmg = Math.max(raw * 0.12, raw - this.effectiveDef(o) * 0.55);\n o.hp -= dmg;\n o.hitFlash = 1;\n this.effects.push({ id: this.nextId++, kind: \"hit\", x: o.x, y: o.alt + o.def.look.scale * 0.5, z: o.z, t: 0, dur: 0.25 });\n if (o.hp <= 0) this.kill(o, from);\n }\n\n private kill(o: Unit, from: Unit | null) {\n // フッカツ\n if (o.def.skill.type === \"revive\" && !o.revived && this.rng() < o.def.skill.chance) {\n o.revived = true;\n o.hp = o.maxHp * 0.6;\n o.skillFlash = 1;\n o.buffs.stun = 0.6;\n this.events.push({ type: \"skill\", side: o.side, name: o.def.skill.name, unitId: o.id });\n this.effects.push({ id: this.nextId++, kind: \"skill\", x: o.x, y: 0, z: o.z, t: 0, dur: 0.8, side: o.side, radius: 1 });\n return;\n }\n o.hp = 0;\n o.state = \"dead\";\n o.deathT = 0;\n this.effects.push({ id: this.nextId++, kind: \"dust\", x: o.x, y: 0, z: o.z, t: 0, dur: 0.6, radius: o.def.radius * 2 });\n this.events.push({ type: \"death\", unitId: o.id });\n if (from) this.stats[from.side].kills++;\n }\n\n private damageFort(f: Fort, raw: number, from: Unit) {\n if (f.owner === from.side) return;\n f.hp = Math.max(0, f.hp - Math.max(raw * 0.5, raw - 20));\n f.hitFlash = 1;\n this.effects.push({ id: this.nextId++, kind: \"spark\", x: f.x, y: 0.9, z: f.z, t: 0, dur: 0.3 });\n if (f.hp <= 0) {\n if (from.def.captures) {\n // 占拠！\n f.owner = from.side;\n f.hp = f.maxHp;\n f.flagT = 0;\n this.stats[from.side].captures++;\n this.events.push({ type: \"capture\", side: from.side, fort: f.index });\n this.effects.push({ id: this.nextId++, kind: \"capture\", x: f.x, y: 0, z: f.z, t: 0, dur: 1.0, side: from.side, radius: 1.3 });\n } else if (f.owner !== null) {\n // 占拠キャラ以外は旗を折るだけ（中立化）\n f.owner = null;\n f.hp = 0;\n f.flagT = 0;\n this.events.push({ type: \"fortNeutral\", fort: f.index });\n }\n }\n }\n\n /* ------------------------------------------------------------------ */\n /* 大砲・城・弾・エフェクト */\n /* ------------------------------------------------------------------ */\n\n private cannonLand(side: Side, x: number, z: number) {\n const dirX = side === \"ally\" ? 1 : -1;\n for (const o of this.units) {\n if (o.side === side || o.state === \"dead\") continue;\n const d = this.dist(x, z, o.x, o.z);\n if (d <= CANNON_RADIUS + o.def.radius) {\n this.damage(o, CANNON_DAMAGE, null);\n if (o.state !== \"dead\") this.knockback(o, dirX, 1.9 * (1 - d / (CANNON_RADIUS + 1)));\n }\n }\n this.effects.push({ id: this.nextId++, kind: \"boom\", x, y: 0.2, z, t: 0, dur: 0.7, radius: CANNON_RADIUS, side, color: 0xffa040 });\n this.effects.push({ id: this.nextId++, kind: \"dust\", x, y: 0, z, t: 0, dur: 0.9, radius: CANNON_RADIUS * 1.4 });\n }\n\n private updateCastles(dt: number) {\n for (const side of [\"ally\", \"enemy\"] as Side[]) {\n const c = this.castles[side];\n c.hitFlash = Math.max(0, c.hitFlash - dt * 3);\n c.dragonAnim = Math.max(0, c.dragonAnim - dt);\n if (!c.dragonAwake) continue;\n c.dragonCd -= dt;\n if (c.dragonCd > 0) continue;\n const wallX = CASTLE_WALL_X[side];\n const dirX = side === \"ally\" ? 1 : -1;\n const victims = this.units.filter((o) => o.side !== side && this.alive(o) && (o.x - wallX) * dirX < 3.6 && (o.x - wallX) * dirX > -0.6);\n if (victims.length === 0) { c.dragonCd = 0.5; continue; }\n c.dragonCd = 5.5;\n c.dragonAnim = 1.2;\n for (const o of victims) this.damage(o, 240, null);\n this.effects.push({ id: this.nextId++, kind: \"flame\", x: wallX, y: 2.4, z: ROWS / 2, t: 0, dur: 1.0, dirX, radius: 3.8, side, color: 0xff7a2a });\n }\n }\n\n private updateProjectiles(dt: number) {\n for (const p of this.projectiles) {\n p.t += dt;\n if (p.t >= p.dur) { p.onLand(); }\n }\n this.projectiles = this.projectiles.filter((p) => p.t < p.dur);\n }\n\n private updateEffects(dt: number) {\n for (const e of this.effects) e.t += dt;\n this.effects = this.effects.filter((e) => e.t < e.dur);\n }\n}\n",[],[153,282,274],"game","6e772612-a479-4d6e-b529-41003a0ee585","field.ts","0ef42b8e-a956-11f1-b97d-1607ee4eb77e",8,["D",1788632250810],"/**\n * フィールド定義。\n * 21列 × 7行のマス。左が自城、右が敵城。中央に3つの砦が斜めに並ぶ。\n * 砦を占拠すると、その砦の列まで召喚ライン(召喚できるマス)が前進する。\n */\nexport const COLS = 21;\nexport const ROWS = 7;\nexport const TILE = 1;\n\nexport type Side = \"ally\" | \"enemy\";\nexport const other = (s: Side): Side => (s === \"ally\" ? \"enemy\" : \"ally\");\n\n/** 城の中心 x 座標（フィールド外側） */\nexport const CASTLE_X: Record = { ally: -1.4, enemy: COLS + 1.4 };\n/** 城壁の当たり位置（ここまで来た敵が城を叩く） */\nexport const CASTLE_WALL_X: Record = { ally: -0.3, enemy: COLS + 0.3 };\n\n/** 初期召喚ライン: 城手前 3 列 */\nexport const BASE_LINE = 3;\n\nexport interface FortSpec { col: number; row: number; label: string }\nexport const FORT_SPECS: FortSpec[] = [\n { col: 6, row: 5, label: \"自陣砦\" },\n { col: 10, row: 3, label: \"中央砦\" },\n { col: 14, row: 1, label: \"敵陣砦\" },\n];\n\nexport const FORT_RADIUS = 0.55;\n\n/** マス中心のワールド座標 */\nexport const tileCenter = (col: number, row: number) => ({ x: col + 0.5, z: row + 0.5 });\n\n/** ワールド座標 → マス */\nexport function worldToTile(x: number, z: number): { col: number; row: number } | null {\n const col = Math.floor(x), row = Math.floor(z);\n if (col < 0 || col >= COLS || row < 0 || row >= ROWS) return null;\n return { col, row };\n}\n\n/**\n * 召喚ラインの列数。ally は左から N 列、enemy は右から N 列が召喚可能。\n * 砦は「自分から見た列」に変換して評価する（中央砦を持っていれば手前の砦を取られてもラインは下がらない）。\n */\nexport function summonDepth(side: Side, fortOwners: (Side | null)[]): number {\n let depth = BASE_LINE;\n FORT_SPECS.forEach((f, i) => {\n if (fortOwners[i] !== side) return;\n const colFromSelf = side === \"ally\" ? f.col : COLS - 1 - f.col;\n depth = Math.max(depth, colFromSelf + 2);\n });\n return Math.min(depth, COLS - BASE_LINE);\n}\n\nexport function canSummonAt(side: Side, col: number, row: number, fortOwners: (Side | null)[]): boolean {\n if (col < 0 || col >= COLS || row < 0 || row >= ROWS) return false;\n const depth = summonDepth(side, fortOwners);\n const inZone = side === \"ally\" ? col < depth : col >= COLS - depth;\n if (!inZone) return false;\n return !FORT_SPECS.some((f) => f.col === col && f.row === row);\n}\n",[],[153,282,284],"1dc4e6b3-e1a9-4dba-9363-6dca15ed5899","ai.ts","7586fb88-a956-11f1-aeab-1607ee4eb77e",10,["D",1788632422912],"/**\n * 敵 AI。プレイヤーと同じルール（コスト・召喚数・召喚ライン）で戦う。\n * 方針: 開幕は剣士で手前の砦、脅威が来たら迎撃/中型で応戦、大型は中盤以降に温存、大砲は密集地へ。\n */\nimport { COLS, FORT_SPECS, ROWS, type Side } from \"./field.ts\";\nimport { type Sim, type Unit } from \"./sim.ts\";\n\nexport class EnemyAI {\n side: Side = \"enemy\";\n private timer = 0;\n private openingDone = 0;\n private lastLargeAt = -99;\n\n constructor(private sim: Sim, private rng: () => number = Math.random) {}\n\n update(dt: number) {\n const sim = this.sim;\n if (sim.finished) return;\n this.timer -= dt;\n if (this.timer > 0) return;\n this.timer = 0.55 + this.rng() * 0.35;\n\n const me = this.side;\n const foes = sim.units.filter((u) => u.side !== me && u.state !== \"dead\");\n const mine = sim.units.filter((u) => u.side === me && u.state !== \"dead\");\n const depth = sim.depth(me);\n const frontCol = COLS - depth; // 最前列（敵から見て）\n const t = sim.time;\n const cost = sim.cost[me];\n\n // ---- 大砲: 自陣寄りで敵が密集している所を狙う ----\n if (sim.canFireCannon(me) && foes.length) {\n let best: Unit | null = null, bestN = 0;\n for (const f of foes) {\n if (f.x < COLS * 0.35) continue;\n const n = foes.filter((o) => Math.hypot(o.x - f.x, o.z - f.z) < 1.2).length + (f.targetKind === \"fort\" ? 1 : 0) + (f.def.kind === \"large\" ? 1 : 0);\n if (n > bestN) { bestN = n; best = f; }\n }\n if (best && (bestN >= 3 || best.x > COLS - 4.5)) { sim.fireCannon(me, best.x, best.z); return; }\n }\n\n // ---- 開幕: 剣士2体で手前の砦(index 2) ----\n const nearFort = FORT_SPECS[2];\n if (this.openingDone < 2 && t < 6) {\n const row = Math.min(ROWS - 1, nearFort.row + this.openingDone);\n if (this.trySummonById(\"kenshi\", frontCol, row)) { this.openingDone++; return; }\n }\n\n // ---- 脅威対応 ----\n const threats = foes.filter((f) => f.x >= frontCol - 3.5 && f.state !== \"spawning\");\n const fortsUnderAttack = sim.forts.filter((f) => f.owner === me && f.hp < f.maxHp * 0.9);\n const enemyNearFort = sim.forts.filter((f) => f.owner !== me && foes.some((u) => Math.hypot(u.x - f.x, u.z - f.z) < 2.2));\n\n if (threats.length > 0 || fortsUnderAttack.length > 0) {\n const target = fortsUnderAttack.length\n ? { x: fortsUnderAttack[0].x, z: fortsUnderAttack[0].z }\n : this.centroid(threats);\n const hasFlyer = threats.some((f) => f.def.flying);\n const hasLarge = threats.some((f) => f.def.kind === \"large\");\n const defenders = mine.filter((u) => Math.hypot(u.x - target.x, u.z - target.z) < 3);\n const threatPower = threats.reduce((s, f) => s + f.def.cost, 0) + fortsUnderAttack.length * 2;\n const myPower = defenders.reduce((s, u) => s + u.def.cost, 0);\n if (myPower < threatPower + 1) {\n const col = Math.max(frontCol, Math.min(COLS - 1, Math.round(target.x - 0.5) + (target.x < frontCol ? 0 : 0)));\n const row = Math.max(0, Math.min(ROWS - 1, Math.round(target.z - 0.5)));\n if (hasFlyer && this.trySummonPref((d) => d.antiAir, col, row)) return;\n if (hasLarge && cost >= 5 && t > 25 && this.trySummonPref((d) => d.kind === \"large\", col, row)) { this.lastLargeAt = t; return; }\n if (this.trySummonPref((d) => d.behavior === \"intercept\" || d.kind === \"medium\", col, row)) return;\n if (this.trySummonById(\"kenshi\", col, row)) return;\n }\n return;\n }\n\n // ---- 砦争い: 空いている/取れる砦へ砦占拠キャラ ----\n const targetFort = sim.forts.filter((f) => f.owner !== me).sort((a, b) => b.x - a.x)[0];\n if (targetFort && cost >= 3 && this.rng() < 0.7) {\n const col = Math.max(frontCol, Math.min(COLS - 1, Math.round(targetFort.x - 0.5) + 1));\n const row = Math.max(0, Math.min(ROWS - 1, Math.round(targetFort.z - 0.5) + (this.rng() < 0.5 ? 0 : 1)));\n const escortNeeded = enemyNearFort.includes(targetFort);\n if (escortNeeded && this.trySummonPref((d) => d.kind === \"medium\" && !d.captures, col, row)) return;\n if (this.trySummonPref((d) => d.captures && d.id !== \"kenshi\", col, row)) return;\n if (cost >= 6 && this.trySummonById(\"kenshi\", col, row)) return;\n }\n\n // ---- 攻勢: 中盤以降、大型で押す ----\n if (t > 45 && cost >= 7 && t - this.lastLargeAt > 20 && this.rng() < 0.6) {\n const row = 2 + Math.floor(this.rng() * 3);\n if (this.trySummonPref((d) => d.kind === \"large\", frontCol, row)) { this.lastLargeAt = t; return; }\n }\n // ---- 余剰コストは中型を流す ----\n const reserve = sim.timeLeft > 60 ? 8 : 3;\n if (cost >= reserve + 2 && this.rng() < 0.5) {\n const row = Math.floor(this.rng() * ROWS);\n if (this.trySummonPref((d) => d.kind === \"medium\" && d.behavior === \"advance\", frontCol, row)) return;\n if (sim.timeLeft < 40 && this.trySummonById(\"kenshi\", frontCol, row)) return;\n }\n }\n\n private centroid(us: Unit[]) {\n const n = us.length || 1;\n return { x: us.reduce((s, u) => s + u.x, 0) / n, z: us.reduce((s, u) => s + u.z, 0) / n };\n }\n\n private trySummonById(id: string, col: number, row: number): boolean {\n const idx = this.sim.hands[this.side].findIndex((h) => h.def.id === id);\n return idx >= 0 && this.trySlot(idx, col, row);\n }\n\n private trySummonPref(pred: (d: Unit[\"def\"]) => boolean, col: number, row: number): boolean {\n const hand = this.sim.hands[this.side];\n const cands = hand.map((h, i) => ({ h, i })).filter(({ h }) => h.remaining > 0 && pred(h.def) && this.sim.cost[this.side] >= h.def.cost);\n if (!cands.length) return false;\n // 高コスト優先だが少しランダム\n cands.sort((a, b) => b.h.def.cost - a.h.def.cost + (this.rng() - 0.5));\n return this.trySlot(cands[0].i, col, row);\n }\n\n private trySlot(slot: number, col: number, row: number): boolean {\n const sim = this.sim;\n // 目標マスが召喚不可なら、近い召喚可能マスへ\n const tries: [number, number][] = [[col, row]];\n for (let d = 1; d <= 4; d++) {\n tries.push([col + d, row], [col - d, row], [col, row + d], [col, row - d], [col + d, row + 1], [col + d, row - 1]);\n }\n for (const [c, r] of tries) {\n if (sim.canSummon(this.side, c, r)) return !!sim.summon(this.side, slot, c, r);\n }\n return false;\n }\n}\n",[],[153,282,292],"438e4493-c721-4139-be51-23c531e49380",["D",1788632250810],[170,171,172],[153,282],["D",1788632184489],[],[153,154,65],"17811fd7-06a0-41c1-b230-25dd7bc5c3de",["D",1788632184489],[168],[153,154],"7ca267d1-a905-483a-afbb-0b80c52167b1",["D",1788632184489],[167,169,173,177,179],[153],["D",1788631518075],{"_11":12,"_122":71},{"_11":12,"_118":12,"_70":71,"_30":69,"_119":120,"_121":24},{"_38":109,"_13":16,"_32":35,"_110":73,"_111":-5,"_112":-5,"_113":-5,"_114":-5,"_115":-5,"_116":14,"_117":12},"ctx",{"_53":-5,"_141":351,"_352":353,"_354":355,"_356":24,"_357":24,"_358":24,"_359":86,"_360":-5,"_361":-7,"_362":-7,"_363":26,"_364":24,"_365":24,"_366":-5,"_367":24,"_368":24,"_369":24,"_370":-5},"ENV",{"_322":323,"_324":325,"_326":16,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336,"_337":338,"_339":340,"_341":342,"_343":344,"_345":346,"_347":348,"_349":350},"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 · units.ts