[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_312":313,"_314":315},"routes/_app.x.$handle.$name",{"_95":94,"_32":44,"_103":85,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":58,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",21,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":20,"_34":35},"deleted",false,"deletedHere","path","index.html","latestPath","fileId","87b48b64-a955-11f1-b7ed-1607ee4eb77e","name","fileType","content","\n\n\n\n\n\n\n\n城とドラゴン\n\n\n\n\n\n

\n\n \n

自城

3:00

\n \n \n \n

敵城

\n\n \n

\n \n \n

\n\n \n \n\n

\n \n\n \n

城と竜

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

\n \n \n

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

\n \n

\n\n \n

\n \n

\n\n

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

\n\n\n","\n\n \n \n \n \n \n \n 城とドラゴン\n \n \n \n \n \n

\n\n \n

自城

3:00

\n \n \n \n

敵城

\n\n \n

\n \n \n

\n\n \n \n\n

\n \n\n \n

\n 城とドラゴン\n

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

\n \n \n

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

\n \n

\n\n \n

\n \n

\n\n

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

\n \n \n","createdAt",["D",1788638125786],"branchVersion","branchId","006c7f17-adcf-4827-9d82-9a8f7ed68e68","id","982b2a97-735b-4d6e-81a1-41c72b4c4126","Si",["D",1788631518075],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","城ドラ風 3D リアルタイム対戦ストラテジー（Three.js / スマホ対応）","imageUrl","a29c49e1-ebc3-4041-ae9a-d1ed031b2b06","pinnedFileId","5a5f33fe-a954-11f1-b1ed-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019f7936-1b37-72ac-a531-5645d098a506","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":94,"_97":98,"_18":54,"_99":100,"_101":25},"branch",{"_13":14,"_32":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","znwpd","handle","displayName","avatar","https://avatars.githubusercontent.com/u/305894247?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":308,"_46":-5,"_47":25,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":309,"_80":310,"_82":311,"_84":25},"tree",[178,192,193,194,195],"files",[178,179,180,181,182,183,184,185,186,187,188,189,190,191,192,193,194,195],"counts",{"_167":62,"_168":169,"_170":62,"_171":172,"_173":174},"contents",[125,126,127,128,129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":160,"_32":161,"_30":162,"_133":-5,"_40":41,"_39":163,"_135":58,"_37":164,"_13":62,"_33":165,"_34":-5,"_24":25,"_138":-5,"_27":166},{"_42":153,"_32":154,"_30":155,"_133":-5,"_40":41,"_39":156,"_135":58,"_37":157,"_13":62,"_33":20,"_34":158,"_24":25,"_138":-5,"_27":159},{"_42":149,"_32":28,"_30":31,"_133":-5,"_40":41,"_39":14,"_135":58,"_37":150,"_13":151,"_33":20,"_34":36,"_24":25,"_138":-5,"_27":152},{"_42":140,"_32":141,"_30":56,"_133":-5,"_40":41,"_39":142,"_135":58,"_37":143,"_13":144,"_33":145,"_34":146,"_24":25,"_138":147,"_27":148},{"_42":130,"_32":131,"_30":132,"_133":-5,"_40":41,"_39":134,"_135":58,"_37":136,"_13":62,"_33":20,"_34":137,"_24":25,"_138":-5,"_27":139},"7cc8dcec-59c7-4c87-8cd6-8242ca7eb4f4","styles.css","b4bc8f3a-a955-11f1-b3c9-1607ee4eb77e","parentId",6,"latest",["D",1788632099462],"/* ============================================================\n 城と竜 — UI stylesheet\n Layout mirrors the original: HP bars flanking a center timer on top,\n cost + 8-slot hand + cannon along the bottom. Mobile-first.\n ============================================================ */\n:root {\n --ally: #3b8ff0;\n --ally-dark: #1c4f9c;\n --enemy: #ee4b3f;\n --enemy-dark: #8e1f18;\n --gold: #f4c542;\n --wood: #4a2f1c;\n --wood-light: #7a5233;\n --parch: #f3e6c8;\n --ink: #2a1c12;\n --safe-t: env(safe-area-inset-top, 0px);\n --safe-b: env(safe-area-inset-bottom, 0px);\n --safe-l: env(safe-area-inset-left, 0px);\n --safe-r: env(safe-area-inset-right, 0px);\n}\n* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }\nhtml, body {\n margin: 0; padding: 0; height: 100%;\n background: #13100d;\n font-family: \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", \"Noto Sans JP\", \"Yu Gothic\", Meiryo, sans-serif;\n color: var(--parch);\n -webkit-user-select: none; user-select: none;\n overscroll-behavior: none; touch-action: none;\n}\n#app { position: fixed; inset: 0; overflow: hidden; }\n#gl { position: absolute; inset: 0; width: 100%; height: 100%; display: block; touch-action: none; }\n\n/* ---------- wooden plank panels ---------- */\n.plank {\n background:\n linear-gradient(180deg, rgba(255,255,255,.08), rgba(0,0,0,.18)),\n repeating-linear-gradient(90deg, #5a3a24 0 2px, #4a2f1c 2px 14px, #563822 14px 15px);\n border: 2px solid #2a1a0e;\n box-shadow: inset 0 1px 0 rgba(255,220,160,.25), 0 3px 8px rgba(0,0,0,.5);\n}\n\n/* ---------- top HUD ---------- */\n#top-hud {\n position: absolute; left: 0; right: 0; top: 0;\n padding: calc(6px + var(--safe-t)) calc(10px + var(--safe-r)) 6px calc(10px + var(--safe-l));\n display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px;\n pointer-events: none;\n}\n.castle-hp { display: flex; flex-direction: column; gap: 3px; }\n.castle-hp.enemy { align-items: flex-end; }\n.hp-label { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-shadow: 0 1px 2px #000; display: flex; align-items: center; gap: 5px; }\n.crest { width: 12px; height: 12px; border-radius: 3px; transform: rotate(45deg); display: inline-block; border: 1.5px solid #fff5; }\n.crest.ally { background: var(--ally); }\n.crest.enemy { background: var(--enemy); }\n.hp-track {\n position: relative; width: 100%; max-width: 360px; height: 16px;\n background: #1b1512; border: 2px solid #0a0706; border-radius: 4px; overflow: hidden;\n box-shadow: inset 0 2px 4px rgba(0,0,0,.6);\n}\n.hp-fill { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; transition: width .18s ease-out; }\n.hp-fill.ally { background: linear-gradient(180deg, #86c5ff 0%, var(--ally) 45%, var(--ally-dark) 100%); }\n.hp-fill.enemy { background: linear-gradient(180deg, #ff9a90 0%, var(--enemy) 45%, var(--enemy-dark) 100%); left: auto; right: 0; }\n.hp-ghost { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background: rgba(255,255,255,.35); transition: width .9s ease-out .25s; pointer-events: none; }\n.castle-hp.enemy .hp-ghost { left: auto; right: 0; }\n.hp-fill::after { content: \"\"; position: absolute; inset: 0; background: repeating-linear-gradient(90deg, transparent 0 9%, rgba(0,0,0,.18) 9% 10%); }\n\n#timer-wrap { display: flex; flex-direction: column; align-items: center; gap: 2px; }\n#timer {\n font-size: 30px; font-weight: 900; font-variant-numeric: tabular-nums; letter-spacing: .04em;\n color: var(--gold); text-shadow: 0 2px 0 #4a2a00, 0 0 12px rgba(244,197,66,.35);\n padding: 0 14px; line-height: 1;\n}\n#timer.hurry { color: #ff6a4d; animation: pulse .5s infinite alternate; }\n@keyframes pulse { from { transform: scale(1); } to { transform: scale(1.08); } }\n#fort-dots { display: flex; gap: 6px; }\n.fort-dot { width: 10px; height: 10px; border-radius: 50%; background: #6d655a; border: 1.5px solid #000; box-shadow: 0 0 0 1px #fff2 inset; transition: background .3s; }\n.fort-dot.ally { background: var(--ally); box-shadow: 0 0 6px var(--ally); }\n.fort-dot.enemy { background: var(--enemy); box-shadow: 0 0 6px var(--enemy); }\n\n/* ---------- corner tools ---------- */\n#corner-tools { position: absolute; right: calc(8px + var(--safe-r)); top: calc(44px + var(--safe-t)); display: flex; flex-direction: column; gap: 6px; z-index: 5; }\n.tool {\n appearance: none; border: 2px solid #2a1a0e; border-radius: 8px; background: #3a2617; color: var(--parch);\n font: 700 11px/1.1 inherit; padding: 5px 8px; display: flex; flex-direction: column; align-items: center; gap: 2px;\n box-shadow: 0 2px 5px #0008, inset 0 1px 0 #fff2; min-width: 46px; cursor: pointer;\n}\n.tool small { color: var(--gold); font-size: 10px; }\n.tool:active { transform: translateY(1px); }\n\n/* ---------- bottom HUD ---------- */\n#bottom-hud {\n position: absolute; left: 0; right: 0; bottom: 0;\n padding: 6px calc(8px + var(--safe-r)) calc(6px + var(--safe-b)) calc(8px + var(--safe-l));\n display: grid; grid-template-columns: 78px 1fr 64px; gap: 8px; align-items: stretch;\n background: linear-gradient(180deg, rgba(20,12,6,0) 0%, rgba(20,12,6,.75) 40%, rgba(20,12,6,.92) 100%);\n}\n#cost-panel {\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n border-radius: 10px; padding: 4px 6px; gap: 2px;\n background: linear-gradient(180deg, #4d3320, #2c1b10); border: 2px solid #1a0f08; box-shadow: inset 0 1px 0 #fff2, 0 2px 6px #0009;\n}\n#cost-label { font-size: 10px; letter-spacing: .15em; color: #d9c39a; }\n#cost-num { font-size: 30px; font-weight: 900; line-height: 1; color: var(--gold); text-shadow: 0 2px 0 #4a2a00; font-variant-numeric: tabular-nums; }\n#cost-track { width: 100%; height: 6px; border-radius: 3px; background: #140c07; overflow: hidden; border: 1px solid #000; }\n#cost-fill { height: 100%; width: 0%; background: linear-gradient(90deg, #ffe08a, var(--gold)); }\n\n#hand { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 5px; min-height: 84px; }\n.card {\n position: relative; border-radius: 10px; overflow: hidden; cursor: pointer;\n background: linear-gradient(180deg, #5b3d27 0%, #3a2617 100%);\n border: 2px solid #1c1009; box-shadow: inset 0 1px 0 #fff3, 0 2px 5px #0009;\n display: flex; flex-direction: column; align-items: center; justify-content: flex-end;\n padding: 3px 2px 4px; transition: transform .08s, filter .15s, border-color .15s;\n min-width: 0;\n}\n.card:active { transform: scale(.95); }\n.card.selected { border-color: var(--gold); box-shadow: 0 0 0 2px #ffdc7a99, 0 0 14px #ffcd4a88, inset 0 1px 0 #fff3; transform: translateY(-4px); }\n.card.disabled { filter: saturate(.25) brightness(.55); }\n.card.exhausted { filter: grayscale(1) brightness(.4); pointer-events: none; }\n.card canvas { width: 100%; height: auto; aspect-ratio: 1 / 1; max-height: 52px; display: block; }\n.card .name { font-size: 9.5px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; text-shadow: 0 1px 1px #000; line-height: 1.2; }\n.card .cost {\n position: absolute; top: 2px; left: 2px; min-width: 18px; height: 18px; padding: 0 4px; border-radius: 9px;\n background: radial-gradient(circle at 35% 30%, #ffe89a, #d59a10 70%, #8c5e04); color: #2a1a00;\n font-size: 11px; font-weight: 900; display: flex; align-items: center; justify-content: center; border: 1.5px solid #4a2a00; box-shadow: 0 1px 2px #0008;\n}\n.card .count { position: absolute; top: 2px; right: 3px; font-size: 10px; font-weight: 800; color: #fff; text-shadow: 0 1px 1px #000, 0 0 3px #000; }\n.card .kind { position: absolute; bottom: 16px; right: 3px; font-size: 8px; padding: 1px 3px; border-radius: 3px; background: #0008; color: #ffe; }\n.card.large .kind { background: #7a1a10cc; }\n\n.cannon {\n appearance: none; border-radius: 10px; border: 2px solid #1c1009; cursor: pointer; position: relative;\n background: linear-gradient(180deg, #44515c, #1f272d); color: var(--parch);\n display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;\n box-shadow: inset 0 1px 0 #fff3, 0 2px 5px #0009; font: 700 11px inherit;\n}\n.cannon.selected { border-color: var(--gold); box-shadow: 0 0 14px #ffcd4a88; }\n.cannon.cooling { filter: brightness(.55); }\n.cannon-icon { width: 28px; height: 28px; border-radius: 50%; background: radial-gradient(circle at 40% 35%, #8c98a3, #2c343a 70%); border: 2px solid #0e1216; position: relative; }\n.cannon-icon::after { content: \"\"; position: absolute; left: 50%; top: -6px; width: 8px; height: 22px; margin-left: -4px; background: #1a1f24; border-radius: 3px; transform: rotate(-35deg); transform-origin: bottom center; }\n.cannon-cd { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 900; color: #fff; text-shadow: 0 0 6px #000; pointer-events: none; }\n\n/* ---------- toast / skill banner ---------- */\n#toast {\n position: absolute; left: 50%; top: 22%; transform: translate(-50%, 0);\n padding: 8px 18px; border-radius: 999px; background: #0009; color: #fff; font-size: 14px; font-weight: 700;\n opacity: 0; transition: opacity .25s; pointer-events: none; white-space: nowrap; border: 1px solid #fff2;\n}\n#toast.show { opacity: 1; }\n#skill-banner {\n position: absolute; left: 50%; top: 30%; transform: translate(-50%, 0) scale(.8);\n padding: 6px 22px; font-size: 22px; font-weight: 900; letter-spacing: .18em; color: #fff;\n text-shadow: 0 2px 0 #000, 0 0 16px currentColor; opacity: 0; pointer-events: none; transition: opacity .15s, transform .25s cubic-bezier(.2,1.6,.4,1);\n}\n#skill-banner.show { opacity: 1; transform: translate(-50%, 0) scale(1); }\n#skill-banner.ally { color: #a5d3ff; }\n#skill-banner.enemy { color: #ffb0a6; }\n\n/* ---------- overlays ---------- */\n.overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: radial-gradient(ellipse at center, rgba(10,6,3,.55), rgba(10,6,3,.9)); z-index: 20; padding: 14px; }\n.overlay.hidden { display: none; }\n.title-card, .result-card {\n width: min(560px, 100%); max-height: 100%; overflow: auto;\n background: linear-gradient(180deg, #f6ead0, #e6d3ad); color: var(--ink);\n border: 3px solid #5a3a24; border-radius: 14px; padding: 18px 20px 14px; text-align: center;\n box-shadow: 0 0 0 4px #2a1a0e, 0 14px 40px #000c;\n}\n.title-card h1 { margin: 0; font-size: 56px; line-height: 1; letter-spacing: .05em; font-weight: 900; }\n.title-card h1 .t1 { color: #1c4f9c; text-shadow: 2px 2px 0 #fff, 4px 4px 0 #9fb8d8; }\n.title-card h1 .t2 { color: #b02a1f; text-shadow: 2px 2px 0 #fff, 4px 4px 0 #d8a39f; }\n.title-card h1 .t-amp { font-size: 30px; margin: 0 8px; color: #7a5233; }\n.subtitle { margin: 6px 0 12px; font-size: 13px; letter-spacing: .2em; color: #7a5233; font-weight: 700; }\n.deck-preview { display: grid; grid-template-columns: repeat(8, 1fr); gap: 6px; margin: 0 auto 12px; }\n.deck-preview .card { background: linear-gradient(180deg, #7a5233, #4a2f1c); color: #fff; }\n.title-actions { display: flex; gap: 10px; justify-content: center; margin-bottom: 10px; }\nbutton.primary, button.ghost {\n appearance: none; border-radius: 10px; padding: 11px 22px; font: 800 15px inherit; cursor: pointer; letter-spacing: .08em;\n}\nbutton.primary { background: linear-gradient(180deg, #ffd873, #e0a520); color: #3a2200; border: 2px solid #8a5d08; box-shadow: 0 3px 0 #8a5d08, 0 6px 12px #0006; }\nbutton.primary:active { transform: translateY(3px); box-shadow: 0 0 0 #8a5d08; }\nbutton.ghost { background: transparent; color: #5a3a24; border: 2px solid #7a5233; }\n.howto { font-size: 12px; line-height: 1.6; color: #4a3320; margin: 0 0 8px; }\n.src { font-size: 11px; color: #7a5233; }\n\n#result-kind { font-size: 13px; letter-spacing: .3em; font-weight: 800; color: #7a5233; }\n#result-title { margin: 4px 0 10px; font-size: 44px; font-weight: 900; letter-spacing: .1em; }\n#result-title.win { color: #1c4f9c; text-shadow: 2px 2px 0 #fff, 4px 4px 0 #9fb8d8; }\n#result-title.lose { color: #b02a1f; text-shadow: 2px 2px 0 #fff, 4px 4px 0 #d8a39f; }\n#result-title.draw { color: #5a5a5a; }\n#result-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 6px 16px; font-size: 13px; margin-bottom: 14px; text-align: left; }\n#result-stats b { float: right; font-variant-numeric: tabular-nums; }\n\n#rotate-hint { display: none; position: absolute; left: 50%; bottom: calc(112px + var(--safe-b)); transform: translateX(-50%); font-size: 11px; color: #fff9; background: #0007; padding: 4px 10px; border-radius: 999px; pointer-events: none; }\n\n/* ---------- responsive ---------- */\n@media (orientation: portrait) {\n #rotate-hint { display: block; }\n #bottom-hud { grid-template-columns: 64px 1fr 52px; }\n #hand { grid-template-columns: repeat(4, 1fr); min-height: 150px; }\n #cost-num { font-size: 24px; }\n #timer { font-size: 24px; }\n}\n@media (max-height: 420px) {\n .card canvas { max-height: 40px; }\n #hand { min-height: 70px; }\n #cost-num { font-size: 24px; }\n #timer { font-size: 24px; }\n #top-hud { padding-top: calc(3px + var(--safe-t)); }\n}\n","label",[131],"c09bd81f-c5fc-4801-86d6-569e3a5f933e","main.ts",4,["D",1788631999209],3,"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\n/**\n * 城ドラ風 3D リアルタイム対戦ストラテジー — HTTP entrypoint.\n * Serves the HTML shell, CSS and the transpiled client modules under /client/**.\n */\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n const path = url.pathname;\n\n if (path === \"/\" || path === \"/index.html\") {\n const res = await serveFile(\"/index.html\", import.meta.url);\n res.headers.set(\"cache-control\", \"no-store\");\n return res;\n }\n if (path === \"/styles.css\") return serveFile(\"/styles.css\", import.meta.url);\n if (path.startsWith(\"/client/\")) return serveFile(path, import.meta.url);\n if (path === \"/source\") {\n return Response.redirect(parseVal().links.self.val, 302);\n }\n return new Response(\"Not found\", { status: 404 });\n}\n","shirodora",[141],"f9e37769-3f57-4a4a-8d8b-cc8dcedc0703",["D",1788638125786],2,[28],"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",[154],"7ca267d1-a905-483a-afbb-0b80c52167b1","client","b05befcb-3355-465f-9a1d-e0c17c06d3c1",7,["D",1788632184489],"directory",[161],"pulls","branches",1,"forks","envVars",{"_175":62,"_177":62},"connections",{"_175":62,"_176":62},"count","unfilledCount","emptyCount",{"_42":160,"_32":161,"_30":162,"_133":-5,"_40":41,"_39":163,"_135":58,"_37":305,"_13":62,"_33":165,"_34":-5,"_24":25,"_138":-5,"_197":306,"_27":307},{"_42":301,"_32":300,"_30":295,"_133":162,"_40":41,"_39":163,"_135":58,"_37":302,"_13":62,"_33":165,"_34":-5,"_24":25,"_138":-5,"_197":303,"_27":304},{"_42":292,"_32":293,"_30":294,"_133":295,"_40":41,"_39":163,"_135":58,"_37":296,"_13":62,"_33":213,"_34":297,"_24":25,"_138":-5,"_197":298,"_27":299},{"_42":288,"_32":271,"_30":265,"_133":162,"_40":41,"_39":275,"_135":58,"_37":289,"_13":62,"_33":165,"_34":-5,"_24":25,"_138":-5,"_197":290,"_27":291},{"_42":280,"_32":281,"_30":282,"_133":265,"_40":41,"_39":283,"_135":58,"_37":284,"_13":62,"_33":213,"_34":285,"_24":25,"_138":-5,"_197":286,"_27":287},{"_42":272,"_32":273,"_30":274,"_133":265,"_40":41,"_39":275,"_135":58,"_37":276,"_13":62,"_33":213,"_34":277,"_24":25,"_138":-5,"_197":278,"_27":279},{"_42":262,"_32":263,"_30":264,"_133":265,"_40":41,"_39":266,"_135":58,"_37":267,"_13":62,"_33":213,"_34":268,"_24":25,"_138":-5,"_197":269,"_27":270},{"_42":257,"_32":240,"_30":234,"_133":162,"_40":41,"_39":258,"_135":58,"_37":259,"_13":62,"_33":165,"_34":-5,"_24":25,"_138":-5,"_197":260,"_27":261},{"_42":249,"_32":250,"_30":251,"_133":234,"_40":41,"_39":252,"_135":58,"_37":253,"_13":151,"_33":213,"_34":254,"_24":25,"_138":-5,"_197":255,"_27":256},{"_42":241,"_32":242,"_30":243,"_133":234,"_40":41,"_39":244,"_135":58,"_37":245,"_13":62,"_33":213,"_34":246,"_24":25,"_138":-5,"_197":247,"_27":248},{"_42":231,"_32":232,"_30":233,"_133":234,"_40":41,"_39":235,"_135":58,"_37":236,"_13":169,"_33":213,"_34":237,"_24":25,"_138":-5,"_197":238,"_27":239},{"_42":227,"_32":226,"_30":220,"_133":162,"_40":41,"_39":221,"_135":58,"_37":228,"_13":62,"_33":165,"_34":-5,"_24":25,"_138":-5,"_197":229,"_27":230},{"_42":217,"_32":218,"_30":219,"_133":220,"_40":41,"_39":221,"_135":58,"_37":222,"_13":62,"_33":213,"_34":223,"_24":25,"_138":-5,"_197":224,"_27":225},{"_42":209,"_32":141,"_30":210,"_133":162,"_40":41,"_39":211,"_135":58,"_37":212,"_13":62,"_33":213,"_34":214,"_24":25,"_138":-5,"_197":215,"_27":216},{"_42":153,"_32":154,"_30":155,"_133":-5,"_40":41,"_39":156,"_135":58,"_37":206,"_13":62,"_33":20,"_34":158,"_24":25,"_138":-5,"_197":207,"_27":208},{"_42":149,"_32":28,"_30":31,"_133":-5,"_40":41,"_39":14,"_135":58,"_37":203,"_13":151,"_33":20,"_34":36,"_24":25,"_138":-5,"_197":204,"_27":205},{"_42":140,"_32":141,"_30":56,"_133":-5,"_40":41,"_39":142,"_135":58,"_37":200,"_13":144,"_33":145,"_34":146,"_24":25,"_138":147,"_197":201,"_27":202},{"_42":130,"_32":131,"_30":132,"_133":-5,"_40":41,"_39":134,"_135":58,"_37":196,"_13":62,"_33":20,"_34":137,"_24":25,"_138":-5,"_197":198,"_27":199},["D",1788632099462],"children",[],[131],["D",1788631999209],[],[141],["D",1788638125786],[],[28],["D",1788633018632],[],[154],"539fa5bf-1fc8-4fd2-b8d7-fd28f709bc9e","9b238770-a957-11f1-a993-1607ee4eb77e",16,["D",1788632915510],"script","/**\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",[],[161,141],"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",[],[161,226,218],"ui","3a2277de-22a3-4c80-a748-8f73b6ed0f4b",["D",1788632866993],[190],[161,226],"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",[],[161,240,232],"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",[],[161,240,242],"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",[],[161,240,250],"f4dba040-1712-4698-bc55-82868511a452",11,["D",1788632617186],[186,187,188],[161,240],"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",[],[161,271,263],"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",[],[161,271,273],"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",[],[161,271,281],"438e4493-c721-4139-be51-23c531e49380",["D",1788632250810],[182,183,184],[161,271],"30abfe22-90a9-467c-8538-b6c0b1f917ab","units.ts","e76b3724-a955-11f1-9776-1607ee4eb77e","b681301e-db2c-4d7d-b204-eaeeac4b2d67",["D",1788632184489],"/**\n * キャラクター定義。\n * ステータス設計は本家の役割分担（コスト帯・進撃/迎撃・地上/飛行・対空・砦占拠・召喚数）を踏襲。\n * 外見(look)は 3D ビルダー (render/characters.ts) が解釈する独自デザイン仕様。\n */\nexport type Kind = \"small\" | \"medium\" | \"large\";\nexport type Behavior = \"advance\" | \"intercept\" | \"stationary\";\nexport type SkillType =\n | \"crit\" | \"defup\" | \"multishot\" | \"dash\" | \"split\" | \"wall\" | \"combo\"\n | \"revive\" | \"charge\" | \"poison\" | \"quake\" | \"flame\" | \"smash\" | \"howl\" | \"none\";\n\nexport type Archetype = \"humanoid\" | \"blob\" | \"rider\" | \"wyvern\" | \"golem\" | \"dragon\" | \"statue\" | \"beast\" | \"cyclops\";\nexport type HeadStyle = \"helm\" | \"hood\" | \"hat\" | \"bare\" | \"skull\" | \"goblin\" | \"lizard\" | \"orc\" | \"wolf\";\nexport type Weapon = \"sword\" | \"bow\" | \"staff\" | \"dagger\" | \"club\" | \"spear\" | \"lance\" | \"none\" | \"axe\" | \"claws\";\n\nexport interface Look {\n archetype: Archetype;\n scale: number;\n skin: number;\n cloth: number;\n armor: number;\n accent: number;\n head: HeadStyle;\n weapon: Weapon;\n shield?: boolean;\n cape?: boolean;\n}\n\nexport interface UnitDef {\n id: string;\n name: string;\n cost: number;\n /** 召喚数（剣士は Infinity） */\n summons: number;\n kind: Kind;\n behavior: Behavior;\n flying: boolean;\n antiAir: boolean;\n captures: boolean;\n hp: number;\n atk: number;\n def: number;\n /** マス/秒 */\n speed: number;\n /** 射程(マス) */\n range: number;\n /** 攻撃間隔(秒) */\n interval: number;\n /** 範囲攻撃半径(マス) 0=単体 */\n aoe: number;\n /** 当たり判定半径(マス) */\n radius: number;\n skill: { name: string; type: SkillType; chance: number; desc: string };\n look: Look;\n desc: string;\n}\n\nconst H = (n: number) => n;\n\nexport const UNITS: UnitDef[] = [\n {\n id: \"kenshi\", name: \"剣士\", cost: 1, summons: Infinity, kind: \"small\", behavior: \"advance\",\n flying: false, antiAir: false, captures: true,\n hp: 330, atk: 68, def: 28, speed: 1.55, range: 0.9, interval: 1.0, aoe: 0, radius: 0.32,\n skill: { name: \"ゴウゲキ\", type: \"crit\", chance: 0.14, desc: \"攻撃力2.6倍の一撃\" },\n look: { archetype: \"humanoid\", scale: 1, skin: 0xf1c9a5, cloth: 0x3d6fb5, armor: 0xb9c3cc, accent: 0xf4c542, head: \"helm\", weapon: \"sword\", shield: true },\n desc: \"無限に召喚できる基本兵。砦を占拠できる。\",\n },\n {\n id: \"archer\", name: \"アーチャー\", cost: 1, summons: 7, kind: \"small\", behavior: \"advance\",\n flying: false, antiAir: true, captures: false,\n hp: 230, atk: 58, def: 14, speed: 1.45, range: 4.6, interval: 1.25, aoe: 0, radius: 0.3,\n skill: { name: \"ボウギョアップ\", type: \"defup\", chance: 0.2, desc: \"一定時間防御アップ\" },\n look: { archetype: \"humanoid\", scale: 0.97, skin: 0xf1c9a5, cloth: 0x3f7d3a, armor: 0x6b4a2b, accent: 0xe8d9a8, head: \"hood\", weapon: \"bow\", cape: true },\n desc: \"前進して遠くから射る。空にも攻撃できる。\",\n },\n {\n id: \"mage\", name: \"魔法使い\", cost: 1, summons: 5, kind: \"small\", behavior: \"advance\",\n flying: false, antiAir: true, captures: false,\n hp: 210, atk: 72, def: 10, speed: 1.35, range: 3.6, interval: 1.5, aoe: 0.9, radius: 0.3,\n skill: { name: \"ダイマホウ\", type: \"multishot\", chance: 0.18, desc: \"広範囲の大魔法\" },\n look: { archetype: \"humanoid\", scale: 0.97, skin: 0xf1c9a5, cloth: 0x5b3fa8, armor: 0x2b1d55, accent: 0xf7e27a, head: \"hat\", weapon: \"staff\", cape: true },\n desc: \"範囲魔法で群れを焼く。耐久は紙。\",\n },\n {\n id: \"goblin\", name: \"ゴブリン\", cost: 1, summons: 6, kind: \"small\", behavior: \"advance\",\n flying: false, antiAir: false, captures: true,\n hp: 260, atk: 52, def: 18, speed: 2.35, range: 0.85, interval: 0.85, aoe: 0, radius: 0.28,\n skill: { name: \"ダッシュ\", type: \"dash\", chance: 0.22, desc: \"一定時間移動速度大幅アップ\" },\n look: { archetype: \"humanoid\", scale: 0.78, skin: 0x7fb54a, cloth: 0x8a5a2b, armor: 0x5b3a1a, accent: 0xd94a3a, head: \"goblin\", weapon: \"dagger\" },\n desc: \"足が速く砦を奪う。ステータスは低い。\",\n },\n {\n id: \"slime\", name: \"スライム\", cost: 1, summons: 5, kind: \"small\", behavior: \"intercept\",\n flying: false, antiAir: true, captures: false,\n hp: 430, atk: 46, def: 40, speed: 1.0, range: 1.0, interval: 1.1, aoe: 0, radius: 0.34,\n skill: { name: \"ブンレツ\", type: \"split\", chance: 0.25, desc: \"小スライムに分裂して増える\" },\n look: { archetype: \"blob\", scale: 1, skin: 0x5fd1e8, cloth: 0x2e8fb0, armor: 0x2e8fb0, accent: 0xffffff, head: \"bare\", weapon: \"none\" },\n desc: \"召喚位置付近を守る迎撃タイプ。低い空の敵にも届く。\",\n },\n {\n id: \"orc\", name: \"オーク\", cost: 2, summons: 5, kind: \"medium\", behavior: \"advance\",\n flying: false, antiAir: false, captures: false,\n hp: 980, atk: 92, def: 62, speed: 1.05, range: 1.0, interval: 1.3, aoe: 0, radius: 0.4,\n skill: { name: \"カベツクリ\", type: \"wall\", chance: 0.2, desc: \"前方に石像を作って壁にする\" },\n look: { archetype: \"humanoid\", scale: 1.22, skin: 0x8fa04a, cloth: 0x6b3f22, armor: 0x4a4a4a, accent: 0xe0c070, head: \"orc\", weapon: \"club\" },\n desc: \"壁役。高耐久で前線を支える。\",\n },\n {\n id: \"lizard\", name: \"リザードマン\", cost: 2, summons: 8, kind: \"medium\", behavior: \"advance\",\n flying: false, antiAir: false, captures: false,\n hp: 540, atk: 112, def: 34, speed: 1.8, range: 1.25, interval: 1.0, aoe: 0, radius: 0.36,\n skill: { name: \"レンゾクギリ\", type: \"combo\", chance: 0.2, desc: \"3連続攻撃\" },\n look: { archetype: \"humanoid\", scale: 1.08, skin: 0x4fa36a, cloth: 0xc9a25a, armor: 0x2e6b45, accent: 0xf0e6c0, head: \"lizard\", weapon: \"spear\" },\n desc: \"召喚数が多い突撃兵。手数で押す。\",\n },\n {\n id: \"skeleton\", name: \"スケルトン\", cost: 2, summons: 6, kind: \"medium\", behavior: \"advance\",\n flying: false, antiAir: false, captures: false,\n hp: 470, atk: 98, def: 20, speed: 1.6, range: 0.95, interval: 1.0, aoe: 0, radius: 0.34,\n skill: { name: \"フッカツ\", type: \"revive\", chance: 0.35, desc: \"倒れても一度だけ復活\" },\n look: { archetype: \"humanoid\", scale: 1.04, skin: 0xe8e4d8, cloth: 0x3a3a44, armor: 0x8a8578, accent: 0xa63a3a, head: \"skull\", weapon: \"axe\", shield: true },\n desc: \"しぶとい骨。倒しても起き上がることがある。\",\n },\n {\n id: \"werewolf\", name: \"ワーウルフ\", cost: 2, summons: 5, kind: \"medium\", behavior: \"intercept\",\n flying: false, antiAir: false, captures: false,\n hp: 760, atk: 140, def: 36, speed: 2.4, range: 1.0, interval: 0.9, aoe: 0, radius: 0.38,\n skill: { name: \"トオボエ\", type: \"howl\", chance: 0.22, desc: \"周囲の味方を強化\" },\n look: { archetype: \"beast\", scale: 1.1, skin: 0x5a4a55, cloth: 0x2a2530, armor: 0x2a2530, accent: 0xffc94a, head: \"wolf\", weapon: \"claws\" },\n desc: \"召喚した場所を守り、近づく敵に飛びかかる迎撃。\",\n },\n {\n id: \"knight\", name: \"騎馬兵\", cost: 3, summons: 4, kind: \"medium\", behavior: \"advance\",\n flying: false, antiAir: false, captures: true,\n hp: 880, atk: 122, def: 52, speed: 2.7, range: 1.1, interval: 1.1, aoe: 0, radius: 0.42,\n skill: { name: \"トツゲキ\", type: \"charge\", chance: 0.3, desc: \"突進して敵を吹き飛ばす\" },\n look: { archetype: \"rider\", scale: 1.15, skin: 0xf1c9a5, cloth: 0xb02a1f, armor: 0xd8dde3, accent: 0xf4c542, head: \"helm\", weapon: \"lance\", cape: true },\n desc: \"最速の砦占拠キャラ。奥の砦を狙える。\",\n },\n {\n id: \"wyvern\", name: \"ワイバーン\", cost: 3, summons: 4, kind: \"medium\", behavior: \"advance\",\n flying: true, antiAir: true, captures: false,\n hp: 720, atk: 132, def: 38, speed: 1.7, range: 1.2, interval: 1.0, aoe: 0, radius: 0.42,\n skill: { name: \"ドクギリ\", type: \"poison\", chance: 0.28, desc: \"毒の霧で継続ダメージ\" },\n look: { archetype: \"wyvern\", scale: 1.05, skin: 0x6a8f3a, cloth: 0x3c5a22, armor: 0x3c5a22, accent: 0xe6d47a, head: \"lizard\", weapon: \"none\" },\n desc: \"飛行。対空のない地上キャラを無視して飛び越える。\",\n },\n {\n id: \"golem\", name: \"ゴーレム\", cost: 5, summons: 2, kind: \"large\", behavior: \"advance\",\n flying: false, antiAir: false, captures: false,\n hp: 3300, atk: 265, def: 125, speed: 0.68, range: 1.3, interval: 1.7, aoe: 1.2, radius: 0.62,\n skill: { name: \"グラグラ\", type: \"quake\", chance: 0.22, desc: \"地震で周囲を行動不能にする\" },\n look: { archetype: \"golem\", scale: 1.75, skin: 0x8c8378, cloth: 0x5d564d, armor: 0x5d564d, accent: 0x7fd1ff, head: \"bare\", weapon: \"none\" },\n desc: \"大型。範囲攻撃で小型を一掃する。\",\n },\n {\n id: \"cyclops\", name: \"サイクロプス\", cost: 5, summons: 2, kind: \"large\", behavior: \"advance\",\n flying: false, antiAir: false, captures: false,\n hp: 3050, atk: 410, def: 92, speed: 0.78, range: 1.35, interval: 1.8, aoe: 0.6, radius: 0.62,\n skill: { name: \"ダイジシン\", type: \"smash\", chance: 0.24, desc: \"地面を叩き前方を粉砕\" },\n look: { archetype: \"cyclops\", scale: 1.7, skin: 0xc98a6a, cloth: 0x5a3a2a, armor: 0x5a3a2a, accent: 0xffe27a, head: \"bare\", weapon: \"club\" },\n desc: \"大型。一撃が重く、大型同士の殴り合いに強い。\",\n },\n {\n id: \"reddragon\", name: \"レッドドラゴン\", cost: 7, summons: 1, kind: \"large\", behavior: \"advance\",\n flying: false, antiAir: true, captures: false,\n hp: 4300, atk: 330, def: 100, speed: 0.8, range: 2.6, interval: 1.6, aoe: 1.4, radius: 0.7,\n skill: { name: \"ダイネッセン\", type: \"flame\", chance: 0.24, desc: \"前方一直線に炎を吐く\" },\n look: { archetype: \"dragon\", scale: 1.85, skin: 0xc8352a, cloth: 0xe8b25a, armor: 0x7a1a12, accent: 0xffd27a, head: \"lizard\", weapon: \"none\" },\n desc: \"最重量の大型。炎のブレスは空の敵にも届く。\",\n },\n];\n\nexport const UNIT_BY_ID: Record = Object.fromEntries(UNITS.map((u) => [u.id, u]));\n\n/** オークのスキルで生まれる石像（手札には出ない） */\nexport const STATUE: UnitDef = {\n id: \"statue\", name: \"石像\", cost: 0, summons: 0, kind: \"medium\", behavior: \"stationary\",\n flying: false, antiAir: false, captures: false,\n hp: 700, atk: 0, def: 80, speed: 0, range: 0, interval: 9, aoe: 0, radius: 0.36,\n skill: { name: \"\", type: \"none\", chance: 0, desc: \"\" },\n look: { archetype: \"statue\", scale: 1.1, skin: 0x9a9388, cloth: 0x9a9388, armor: 0x9a9388, accent: 0x9a9388, head: \"bare\", weapon: \"none\" },\n desc: \"\",\n};\n\n/** 分裂スライム */\nexport const MINI_SLIME: UnitDef = {\n ...UNIT_BY_ID.slime, id: \"minislime\", name: \"小スライム\", summons: 0,\n hp: 180, atk: 32, def: 20, radius: 0.24,\n skill: { name: \"\", type: \"none\", chance: 0, desc: \"\" },\n look: { ...UNIT_BY_ID.slime.look, scale: 0.62 },\n};\n\n/**\n * 手札生成: 剣士 + ランダム7体（ソロは大型2体まで）。砦占拠キャラを最低1体保証。\n */\nexport function drawHand(rng: () => number = Math.random): UnitDef[] {\n const pool = UNITS.filter((u) => u.id !== \"kenshi\");\n const shuffled = [...pool].sort(() => rng() - 0.5);\n const picked: UnitDef[] = [];\n let larges = 0;\n for (const u of shuffled) {\n if (picked.length >= 7) break;\n if (u.kind === \"large\") {\n if (larges >= 2) continue;\n larges++;\n }\n picked.push(u);\n }\n if (!picked.some((u) => u.captures)) {\n const cap = pool.filter((u) => u.captures && !picked.includes(u));\n const idx = picked.findIndex((u) => !u.captures && u.kind !== \"large\");\n if (cap.length && idx >= 0) picked[idx] = cap[Math.floor(rng() * cap.length)];\n }\n // 本家同様: コスト順に並べる\n picked.sort((a, b) => a.cost - b.cost || a.name.localeCompare(b.name, \"ja\"));\n return [UNIT_BY_ID.kenshi, ...picked];\n}\n\nexport const KIND_LABEL: Record = { small: \"小型\", medium: \"中型\", large: \"大型\" };\nexport const BEHAVIOR_LABEL: Record = { advance: \"進撃\", intercept: \"迎撃\", stationary: \"固定\" };\nvoid H;\n",[],[161,300,293],"data","17811fd7-06a0-41c1-b230-25dd7bc5c3de",["D",1788632184489],[180],[161,300],["D",1788632184489],[179,181,185,189,191],[161],["D",1788631518075],{"_95":94,"_102":98},{"_95":94,"_96":94,"_97":98,"_18":54,"_99":100,"_101":25},{"_13":14,"_32":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"ctx",{"_78":-5,"_122":345,"_346":347,"_348":349,"_350":25,"_351":25,"_352":25,"_353":58,"_354":-5,"_355":-7,"_356":-7,"_357":62,"_358":25,"_359":25,"_360":-5,"_361":25,"_362":25,"_363":25,"_364":-5},"ENV",{"_316":317,"_318":319,"_320":85,"_321":322,"_323":324,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336,"_337":338,"_339":340,"_341":342,"_343":344},"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"]

Diff · v21