Halaman utama Jelajahi Bantuan
Masuk
bang
/
games-creater
1
0
Fork 0
Berkas Masalah 0 Permintaan Tarik 0 Wiki
Pohon: fbf6a7e174
Ranting Tag
games-creater
/
web
/
index.html

index.html 55 KB
Riwayat Mentahan

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="zh">
    3. 

  3. <head>
    4. 

  4. <meta charset="utf-8">
    5. 

  5. <meta name="viewport" content="width=device-width, initial-scale=1">
    6. 

  6. <title>Anim Studio · 动画资源库</title>
    7. 

  7. <style>
    8. 

  8.   :root{
    9. 

  9.     --bg:#1b1430; --panel:#241a3d; --card:#2c2150; --line:#3d2f63;
    10. 

  10.     --accent:#ff7eb6; --accent2:#7ee8ff; --text:#f3eefb; --muted:#a99ccb;
    11. 

  11.   }
    12. 

  12.   *{box-sizing:border-box}
    13. 

  13.   body{margin:0;font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
    14. 

  14.        background:linear-gradient(160deg,#1b1430,#2a1b45);color:var(--text);min-height:100vh}
    15. 

  15.   header{padding:18px 24px;border-bottom:1px solid var(--line);display:flex;
    16. 

  16.          align-items:center;gap:14px}
    17. 

  17.   header h1{font-size:20px;margin:0}
    18. 

  18.   header .sub{color:var(--muted);font-size:13px}
    19. 

  19.   .wrap{max-width:1180px;margin:0 auto;padding:20px 24px 60px}
    20. 

  20. 

  21.   details.gen{background:var(--panel);border:1px solid var(--line);border-radius:14px;
    22. 

  22.               padding:0 18px;margin-bottom:22px}
    23. 

  23.   details.gen summary{cursor:pointer;padding:16px 0;font-weight:600;font-size:15px;
    24. 

  24.               list-style:none}
    25. 

  25.   details.gen summary::-webkit-details-marker{display:none}
    26. 

  26.   .gen-grid{display:grid;grid-template-columns:320px 1fr;gap:18px;padding:0 0 18px}
    27. 

  27.   .workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;padding:0 0 18px}
    28. 

  28.   .workflow-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 0 18px}
    29. 

  29.   .workflow-note{color:var(--muted);font-size:12px;line-height:1.5}
    30. 

  30.   .field{margin-bottom:10px}
    31. 

  31.   .field label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
    32. 

  32.   .field input,.field select,textarea{width:100%;background:#160f29;color:var(--text);
    33. 

  33.        border:1px solid var(--line);border-radius:8px;padding:9px 10px;font-size:13px}
    34. 

  34.   .field input[type="checkbox"]{width:auto;margin-right:6px;vertical-align:-1px}
    35. 

  35.   textarea{font-family:ui-monospace,Menlo,monospace;min-height:300px;resize:vertical;line-height:1.45}
    36. 

  36.   button{background:linear-gradient(90deg,var(--accent),#ff9d6e);color:#2a0f23;border:none;
    37. 

  37.          border-radius:9px;padding:10px 18px;font-weight:700;cursor:pointer;font-size:14px}
    38. 

  38.   button.ghost{background:#2c2150;color:var(--text);border:1px solid var(--line);font-weight:600}
    39. 

  39.   button:disabled{opacity:.5;cursor:default}
    40. 

  40.   .log{white-space:pre-wrap;background:#0f0a1e;border:1px solid var(--line);border-radius:8px;
    41. 

  41.        padding:10px;font-family:ui-monospace,monospace;font-size:12px;color:#bfe;max-height:160px;
    42. 

  42.        overflow:auto;margin-top:10px}
    43. 

  43. 

  44.   .tabs{display:flex;gap:8px;margin:6px 0 18px}
    45. 

  45.   .tabs button{background:#241a3d;color:var(--muted);border:1px solid var(--line)}
    46. 

  46.   .tabs button.active{background:var(--accent);color:#2a0f23}
    47. 

  47.   .toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
    48. 

  48.   .toolbar select{background:#160f29;color:var(--text);border:1px solid var(--line);
    49. 

  49.        border-radius:8px;padding:7px 10px;font-size:13px}
    50. 

  50.   .count{color:var(--muted);font-size:13px}
    51. 

  51. 

  52.   .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
    53. 

  53.   .card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px;
    54. 

  54.         display:flex;flex-direction:column;gap:10px}
    55. 

  55.   .card.missing{border-style:dashed;background:#241a3d}
    56. 

  56.   .card.running{border-color:var(--accent2);box-shadow:0 0 0 1px rgba(126,232,255,.35),0 0 18px rgba(126,232,255,.18)}
    57. 

  57.   .task-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
    58. 

  58.   .task-status{border-radius:20px;padding:2px 9px;font-size:11px;white-space:nowrap;border:1px solid var(--line)}
    59. 

  59.   .task-status.done{color:#96ffce;background:#10291f}
    60. 

  60.   .task-status.missing{color:#ffd0df;background:#3d1830}
    61. 

  61.   .task-status.invalid{color:#ffd87a;background:#3c2810}
    62. 

  62.   .task-status.running{color:#7ee8ff;background:#112d3a}
    63. 

  63.   .qa-list{background:#241426;border:1px solid #6f3c56;color:#ffd6e6;border-radius:8px;
    64. 

  64.         padding:8px;font-size:11px;line-height:1.45}
    65. 

  65.   .task-prompt{max-height:94px;overflow:auto;background:#160f29;border:1px solid var(--line);
    66. 

  66.         border-radius:8px;padding:8px;color:#cfc4ec;font-size:11px;line-height:1.45;white-space:pre-wrap}
    67. 

  67.   .placeholder{width:82%;height:82%;border:1px dashed #6b5c92;border-radius:12px;display:flex;
    68. 

  68.         align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:13px;padding:14px}
    69. 

  69.   .stage{height:200px;border-radius:10px;background:
    70. 

  70.         repeating-conic-gradient(#241a3d 0 25%, #2c2150 0 50%) 0/22px 22px;
    71. 

  71.         display:flex;align-items:flex-end;justify-content:center;overflow:hidden;position:relative}
    72. 

  72.   .stage.clickable{cursor:pointer}
    73. 

  73.   .stage img{max-height:88%;max-width:88%;transform-origin:50% 100%;will-change:transform;
    74. 

  74.         filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
    75. 

  75.   .stage.invalid-preview img{opacity:.46;filter:grayscale(.25) drop-shadow(0 6px 10px rgba(0,0,0,.35))}
    76. 

  76.   .stage-badge{position:absolute;left:10px;top:10px;background:#3c2810;color:#ffd87a;
    77. 

  77.         border:1px solid #80622d;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:700}
    78. 

  78.   .stage canvas{position:absolute;inset:0;width:100%;height:100%}
    79. 

  79.   .name{font-weight:700;font-size:15px}
    80. 

  80.   .meta{color:var(--muted);font-size:12px;line-height:1.5}
    81. 

  81.   .row{display:flex;gap:8px;align-items:center}
    82. 

  82.   .row select{flex:1;background:#160f29;color:var(--text);border:1px solid var(--line);
    83. 

  83.         border-radius:7px;padding:6px 8px;font-size:12px}
    84. 

  84.   .pill{display:inline-block;background:#160f29;border:1px solid var(--line);border-radius:20px;
    85. 

  85.         padding:2px 10px;font-size:11px;color:var(--accent2)}
    86. 

  86.   .art-img{max-width:100%;max-height:180px;object-fit:contain}
    87. 

  87.   .demo-box{width:84px;height:84px;border-radius:14px;
    88. 

  88.         background:linear-gradient(135deg,var(--accent),var(--accent2));margin:auto;
    89. 

  89.         display:flex;align-items:center;justify-content:center;font-weight:800;color:#241a3d;font-size:22px}
    90. 

  90.   .empty{color:var(--muted);text-align:center;padding:50px;border:1px dashed var(--line);border-radius:14px}
    91. 

  91.   .modal{position:fixed;inset:0;background:rgba(8,5,18,.78);display:none;align-items:center;
    92. 

  92.         justify-content:center;padding:28px;z-index:20}
    93. 

  93.   .modal.open{display:flex}
    94. 

  94.   .modal-panel{width:min(980px,96vw);max-height:92vh;overflow:auto;background:var(--panel);
    95. 

  95.         border:1px solid var(--line);border-radius:14px;padding:18px}
    96. 

  96.   .modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
    97. 

  97.   .modal-head h3{margin:0;font-size:18px}
    98. 

  98.   .parts-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    99. 

  99.   .parts-box{background:#160f29;border:1px solid var(--line);border-radius:10px;padding:12px}
    100. 

  100.   .parts-box img{width:100%;max-height:520px;object-fit:contain;
    101. 

  101.         background:repeating-conic-gradient(#241a3d 0 25%, #2c2150 0 50%) 0/22px 22px;border-radius:8px}
    102. 

  102.   .parts-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
    103. 

  103.   .part-card{background:#160f29;border:1px solid var(--line);border-radius:9px;padding:8px;min-width:0}
    104. 

  104.   .part-card img{width:100%;height:92px;object-fit:contain;background:
    105. 

  105.         repeating-conic-gradient(#241a3d 0 25%, #2c2150 0 50%) 0/18px 18px;border-radius:7px}
    106. 

  106.   .part-card .meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}
    107. 

  107.   .part-card button{width:100%;padding:7px 8px;margin-top:7px;font-size:12px}
    108. 

  108.   .part-state{display:inline-block;margin-top:5px;border-radius:999px;padding:2px 7px;font-size:11px;
    109. 

  109.         background:#241a3d;color:var(--muted);border:1px solid var(--line)}
    110. 

  110.   .part-state.running{color:#7ee8ff;background:#112d3a}
    111. 

  111.   .part-state.done{color:#96ffce;background:#10291f}
    112. 

  112.   .part-state.error{color:#ffd0df;background:#3d1830}
    113. 

  113.   code{background:#160f29;padding:1px 6px;border-radius:5px;font-size:12px}
    114. 

  114.   a{color:var(--accent2)}
    115. 

  115.   @media(max-width:760px){.parts-grid{grid-template-columns:1fr}}
    116. 

  116. </style>
    117. 

  117. </head>
    118. 

  118. <body>
    119. 

  119. <header>
    120. 

  120.   <h1>🍬 Anim Studio</h1>
    121. 

  121.   <span class="sub">动画资源库 · 角色 / 特效 / 动效 可视化预览</span>
    122. 

  122. </header>
    123. 

  123. 

  124. <div class="wrap">
    125. 

  125.   <details class="gen" id="workflowPanel" open>
    126. 

  126.     <summary>▸ AI 游戏方案（创意 + 风格 + 玩法 → manifest）</summary>
    127. 

  127.     <div class="field"><label>创意简报（可填一句话，也可以写完整需求）</label>
    128. 

  128.       <textarea id="creativeBrief" style="min-height:92px" placeholder="例：做一个竖屏海盗金币 slot，参考糖果传奇那种明亮可爱的反馈，但主题是热带宝藏。核心钩子是金币 Hold & Win，整体要轻松、亮、适合移动端。"></textarea></div>
    129. 

  129.     <div class="workflow-grid">
    130. 

  130.       <div class="field"><label>参考图 / 网址链接（一行一个）</label>
    131. 

  131.         <textarea id="creativeRefs" style="min-height:92px" placeholder="https://...\n也可以写：本地截图文件名、参考页面链接、竞品链接"></textarea></div>
    132. 

  132.       <div class="field"><label>上传参考图 / 截图（最多 4 张）</label>
    133. 

  133.         <input id="creativeImageFiles" type="file" accept="image/*" multiple>
    134. 

  134.         <div class="workflow-note" id="creativeImageMsg">上传图会先由视觉模型提炼风格，再生成 manifest。</div></div>
    135. 

  135.       <div class="field"><label>希望参考的风格点</label>
    136. 

  136.         <textarea id="creativeStyleNotes" style="min-height:92px" placeholder="按钮质感、颜色、角色比例、背景气氛、UI 密度等"></textarea></div>
    137. 

  137.       <div class="field"><label>必须避免</label>
    138. 

  138.         <textarea id="creativeAvoidNotes" style="min-height:92px" placeholder="不要照抄 logo / IP / 角色；不要暗黑；不要复杂文字"></textarea></div>
    139. 

  139.       <div>
    140. 

  140.         <div class="field"><label>文字模型</label>
    141. 

  141.           <input id="textModel" value="gpt-5.4-mini"></div>
    142. 

  142.         <button class="ghost" id="aiWorkflowBtn">AI 生成完整游戏方案</button>
    143. 

  143.         <div class="workflow-note" id="aiWorkflowMsg">先生成统一方案，再微调玩法和图片资源。</div>
    144. 

  144.       </div>
    145. 

  145.     </div>
    146. 

  146.     <div class="log" id="gamePlanView" style="display:none;max-height:260px"></div>
    147. 

  147.     <div class="workflow-grid">
    148. 

  148.       <div class="field"><label>游戏代号</label>
    149. 

  149.         <input id="wfGameId" value="jelly-candy-slot"></div>
    150. 

  150.       <div class="field"><label>游戏标题</label>
    151. 

  151.         <input id="wfTitle" value="Jelly Candy Slot"></div>
    152. 

  152.       <div class="field"><label>主题</label>
    153. 

  153.         <select id="wfTheme">
    154. 

  154.           <option value="jelly">果冻糖果</option>
    155. 

  155.           <option value="fruit">水果乐园</option>
    156. 

  156.           <option value="egypt">埃及宝藏</option>
    157. 

  157.           <option value="pirate">海盗金币</option>
    158. 

  158.           <option value="pirate_jelly">海盗糖果</option>
    159. 

  159.           <option value="cyber">霓虹赛博</option>
    160. 

  160.         </select></div>
    161. 

  161.       <div class="field"><label>基础玩法</label>
    162. 

  162.         <select id="wfReelMode">
    163. 

  163.           <option value="ways">Ways 5×3</option>
    164. 

  164.           <option value="paylines">固定赔线 5×3</option>
    165. 

  165.           <option value="megaways">Megaways 6轴</option>
    166. 

  166.           <option value="cluster">Cluster Pays 6×5</option>
    167. 

  167.         </select></div>
    168. 

  168.       <div class="field"><label>波动风格</label>
    169. 

  169.         <select id="wfVolatility">
    170. 

  170.           <option value="medium">中波动</option>
    171. 

  171.           <option value="low">低波动</option>
    172. 

  172.           <option value="high">高波动</option>
    173. 

  173.         </select></div>
    174. 

  174.       <div class="field"><label>目标 RTP（%）</label>
    175. 

  175.         <input id="wfTargetRtp" type="number" value="96" min="50" max="99.5" step="0.1"></div>
    176. 

  176.       <div class="field"><label><input type="checkbox" id="wfEnableMathModel" checked> 生成赔率和触发概率数学模型</label></div>
    177. 

  177.       <div class="field"><label>角色/符号数量</label>
    178. 

  178.         <select id="wfCharacterCount">
    179. 

  179.           <option>10</option><option>8</option><option>12</option><option>6</option>
    180. 

  180.         </select></div>
    181. 

  181.       <div class="field"><label>UI 资产范围</label>
    182. 

  182.         <select id="wfUiCompleteness">
    183. 

  183.           <option value="full">完整</option>
    184. 

  184.           <option value="basic">基础</option>
    185. 

  185.         </select></div>
    186. 

  186.       <div class="field"><label>反馈强度</label>
    187. 

  187.         <select id="wfFeedbackIntensity">
    188. 

  188.           <option value="standard">标准</option>
    189. 

  189.           <option value="quiet">克制</option>
    190. 

  190.           <option value="loud">夸张</option>
    191. 

  191.         </select></div>
    192. 

  192.       <div class="field"><label><input type="checkbox" id="wfEnableBoss" checked> 生成关主大魔王</label></div>
    193. 

  193.       <div class="field"><label>关主表现</label>
    194. 

  194.         <select id="wfBossPresence">
    195. 

  195.           <option value="full">完整：待机/撒币/裂开/踩踏</option>
    196. 

  196.           <option value="standard">标准：输赢反应</option>
    197. 

  197.           <option value="light">轻量：只做待机和输赢</option>
    198. 

  198.         </select></div>
    199. 

  199.       <div class="field"><label>初始金币</label>
    200. 

  200.         <input id="wfStartingBalance" type="number" value="5000" min="100" step="100"></div>
    201. 

  201.       <div class="field"><label>默认下注</label>
    202. 

  202.         <input id="wfDefaultBet" type="number" value="50" min="1" step="10"></div>
    203. 

  203.       <div class="field"><label>免费旋转次数</label>
    204. 

  204.         <input id="wfFreeSpinCount" type="number" value="8" min="3" max="30"></div>
    205. 

  205.       <div class="field"><label>最大连锁次数</label>
    206. 

  206.         <input id="wfMaxCascades" type="number" value="6" min="1" max="20"></div>
    207. 

  207.       <div class="field"><label><input type="checkbox" id="wfCascades" checked> Cascades 连锁下落</label></div>
    208. 

  208.       <div class="field"><label><input type="checkbox" id="wfFreeSpins" checked> Scatter Free Spins</label></div>
    209. 

  209.       <div class="field"><label><input type="checkbox" id="wfWilds" checked> Wild 符号</label></div>
    210. 

  210.       <div class="field"><label><input type="checkbox" id="wfHoldWin"> Hold & Win</label></div>
    211. 

  211.       <div class="field"><label><input type="checkbox" id="wfMultipliers"> 连锁倍数</label></div>
    212. 

  212.     </div>
    213. 

  213.     <div class="workflow-actions">
    214. 

  214.       <button id="buildWorkflowBtn">生成玩法配置和 manifest</button>
    215. 

  215.       <button class="ghost" id="openGenBtn">打开生成面板</button>
    216. 

  216.       <span class="workflow-note" id="workflowMsg">先生成 manifest，再点下方“开始生成”。</span>
    217. 

  217.     </div>
    218. 

  218.   </details>
    219. 

  219. 

  220.   <details class="gen" id="genPanel" open>
    221. 

  221.     <summary>▸ 生成图片资源（填 key，点开始）</summary>
    222. 

  222.     <div class="gen-grid">
    223. 

  223.       <div>
    224. 

  224.         <div class="field"><label>接口协议（厂商）</label>
    225. 

  225.           <select id="provider"><option>OpenAI 兼容接口</option></select></div>
    226. 

  226.         <div class="field"><label>API Key</label>
    227. 

  227.           <input id="apiKey" type="password" placeholder="已内置，留空即可；临时换 key 时再填写"></div>
    228. 

  228.         <div class="field"><label>Base URL</label>
    229. 

  229.           <input id="baseUrl" value="https://x.long.bid/v1"></div>
    230. 

  230.         <div class="field"><label>模型名（真正发给 API 的，按你的填）</label>
    231. 

  231.           <input id="model" value="gpt-image-2"></div>
    232. 

  232.         <div class="field"><label>尺寸</label>
    233. 

  233.           <select id="size"><option>1024x1024</option><option>1024x1536</option><option>1536x1024</option></select></div>
    234. 

  234.         <button id="startBtn">▶ 开始生成</button>
    235. 

  235.         <div class="log" id="log" style="display:none"></div>
    236. 

  236.       </div>
    237. 

  237.       <div class="field"><label>animation_manifest.json</label>
    238. 

  238.         <textarea id="manifest"></textarea></div>
    239. 

  239.     </div>
    240. 

  240.   </details>
    241. 

  241. 

  242.   <div class="toolbar">
    243. 

  243.     <span class="meta">资源库（game）：</span>
    244. 

  244.     <select id="gameSel"></select>
    245. 

  245.     <button class="ghost" id="reloadBtn">↻ 刷新</button>
    246. 

  246.     <button id="retryMissingBtn">批量补生成缺失项</button>
    247. 

  247.     <button class="ghost" id="openFolderBtn">📂 打开素材目录</button>
    248. 

  248.     <button id="exportBtn">📦 导出 Cocos 整合包</button>
    249. 

  249.     <button class="ghost" id="deleteBtn">🗑 删除该资源库</button>
    250. 

  250.     <span class="count" id="opMsg"></span>
    251. 

  251.   </div>
    252. 

  252. 

  253.   <div class="tabs">
    254. 

  254.     <button data-tab="chars" class="active">角色库</button>
    255. 

  255.     <button data-tab="art">UI 美术</button>
    256. 

  256.     <button data-tab="vfx">特效库</button>
    257. 

  257.     <button data-tab="ui">动效库</button>
    258. 

  258.   </div>
    259. 

  259. 

  260.   <div id="view"></div>
    261. 

  261. </div>
    262. 

  262. 

  263. <div class="modal" id="partsModal">
    264. 

  264.   <div class="modal-panel">
    265. 

  265.     <div class="modal-head">
    266. 

  266.       <h3 id="partsTitle">拆件预览</h3>
    267. 

  267.       <div class="row">
    268. 

  268.         <button class="ghost" id="partsRebuildAll">按主图重生全部拆件</button>
    269. 

  269.         <button class="ghost" id="partsClose">关闭</button>
    270. 

  270.       </div>
    271. 

  271.     </div>
    272. 

  272.     <div class="parts-grid">
    273. 

  273.       <div class="parts-box" style="grid-column:1/-1">
    274. 

  274.         <div class="name">拆件图 / Atlas</div>
    275. 

  275.         <img id="partsAtlas" alt="拆件图">
    276. 

  276.       </div>
    277. 

  277.       <div class="parts-box" style="grid-column:1/-1">
    278. 

  278.         <div class="name">单独拆件 PNG</div>
    279. 

  279.         <div class="meta" id="partsCount"></div>
    280. 

  280.         <div class="parts-list" id="partsList"></div>
    281. 

  281.       </div>
    282. 

  282.     </div>
    283. 

  283.   </div>
    284. 

  284. </div>
    285. 

  285. 

  286. <script>
    287. 

  287. const $ = s => document.querySelector(s);
    288. 

  288. let LIB = {characters:[],vfx:[],ui:[]}, ASSET="", ASSET_VER=Date.now(), TAB="chars";
    289. 

  289. const animTargets = []; // {el, anim, start}
    290. 

  290. const ACTIVE_TASKS = new Set();
    291. 

  291. let CURRENT_PARTS = null;
    292. 

  292. const PART_PROGRESS = {};
    293. 

  293. const esc = s => String(s ?? '').replace(/[&<>"']/g, m => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[m]));
    294. 

  294. const tasksFor = kind => ((LIB.tasks&&LIB.tasks[kind]) || []);
    295. 

  295. const assetUrl = path => ASSET + path + (path.includes('?')?'&':'?') + 'v=' + ASSET_VER;
    296. 

  296. const taskKey = (kind,id) => `${kind}:${id}`;
    297. 

  297. function missingTasks(){
    298. 

  298.   return ['characters','ui_art','vfx','ui'].flatMap(kind => tasksFor(kind)
    299. 

  299.     .filter(t=>t.status!=='done').map(t=>({kind,id:t.id})));
    300. 

  300. }
    301. 

  301. function markTasksRunning(items, running=true){
    302. 

  302.   items.forEach(t=>running?ACTIVE_TASKS.add(taskKey(t.kind,t.id)):ACTIVE_TASKS.delete(taskKey(t.kind,t.id)));
    303. 

  303. }
    304. 

  304. 

  305. function openPartsModal(c, t){
    306. 

  306.   CURRENT_PARTS = {asset:c, task:t};
    307. 

  307.   $('#partsRebuildAll').dataset.boss = c.id || t.id;
    308. 

  308.   $('#partsTitle').textContent = `${t.chineseName} · 拆件检查`;
    309. 

  309.   $('#partsAtlas').src = assetUrl(c.png);
    310. 

  310.   const parts = c.parts || [];
    311. 

  311.   const progress = PART_PROGRESS[c.id] || {};
    312. 

  312.   const completed = new Set(progress.completed || []);
    313. 

  313.   const failed = new Map((progress.failed || []).map(x=>[x.id, x.reason || '失败']));
    314. 

  314.   $('#partsCount').textContent = parts.length ? `已拆出 ${parts.length} 个单独 PNG，可逐个检查。` : '没有单独拆件 PNG；请重新生成该关主。';
    315. 

  315.   $('#partsList').innerHTML = parts.length
    316. 

  316.     ? parts.map(p=>{
    317. 

  317.         const state = progress.current===p.id ? 'running' : (failed.has(p.id) ? 'error' : (completed.has(p.id) ? 'done' : ''));
    318. 

  318.         const label = state==='running' ? '生成中' : (state==='done' ? '已刷新' : (state==='error' ? failed.get(p.id) : ''));
    319. 

  319.         return `<div class="part-card" data-part="${esc(p.id)}"><img src="${assetUrl(p.file)}" alt="${esc(p.id)}"><div class="meta">${esc(p.id)} · ${esc(p.w||'?')}×${esc(p.h||'?')}</div>${state?`<span class="part-state ${state}">${esc(label)}</span>`:''}<button class="ghost part-retry-btn" data-boss="${esc(c.id)}" data-part="${esc(p.id)}" ${state==='running'?'disabled':''}>${state==='running'?'生成中…':'重生该拆件'}</button></div>`;
    320. 

  320.       }).join('')
    321. 

  321.     : '<div class="empty">缺少单独拆件文件。</div>';
    322. 

  322.   $('#partsModal').classList.add('open');
    323. 

  323. }
    324. 

  324. 

  325. function refreshOpenPartsModal(){
    326. 

  326.   if(!$('#partsModal').classList.contains('open') || !CURRENT_PARTS) return;
    327. 

  327.   const bossId = CURRENT_PARTS.asset.id || CURRENT_PARTS.task.id;
    328. 

  328.   const row = tasksFor('characters').find(t=>t.id===bossId);
    329. 

  329.   if(row && row.asset) openPartsModal(row.asset, row);
    330. 

  330. }
    331. 

  331. function syncRunningWithLibrary(){
    332. 

  332.   for(const key of [...ACTIVE_TASKS]){
    333. 

  333.     const [kind,id] = key.split(':');
    334. 

  334.     const row = tasksFor(kind).find(t=>t.id===id);
    335. 

  335.     if(row && row.status==='done') ACTIVE_TASKS.delete(key);
    336. 

  336.   }
    337. 

  337. }
    338. 

  338. 

  339. // ---------- 拉取默认 manifest & 资源库 ----------
    340. 

  340. async function loadManifest(){
    341. 

  341.   try{ const t = await (await fetch('/api/manifest')).text(); $('#manifest').value = t; }catch(e){}
    342. 

  342. }
    343. 

  343. async function loadLibrary(game, opts={}){
    344. 

  344.   const url = '/api/library' + (game?('?game='+encodeURIComponent(game)):'');
    345. 

  345.   const lib = await (await fetch(url)).json();
    346. 

  346.   LIB = lib; ASSET = lib.assetBase || ""; ASSET_VER = Date.now();
    347. 

  347.   syncRunningWithLibrary();
    348. 

  348.   const sel = $('#gameSel'); sel.innerHTML='';
    349. 

  349.   const games = [...(lib.games||[])];
    350. 

  350.   const pending = lib.game && !games.includes(lib.game);
    351. 

  351.   if(pending) games.push(lib.game);
    352. 

  352.   games.forEach(g=>{ const o=document.createElement('option');
    353. 

  353.      o.value=g;o.textContent=g+(pending&&g===lib.game?'（待生成）':''); if(g===lib.game)o.selected=true; sel.appendChild(o); });
    354. 

  354.   if(!games.length){ const o=document.createElement('option');o.textContent='(暂无)';sel.appendChild(o); }
    355. 

  355.   if(!opts.silent){
    356. 

  356.     if(pending) opMsg(`已载入 ${lib.game} 的 manifest，但还没有图片资源；点“开始生成”后才会进入资源库。`, false);
    357. 

  357.     if(lib.taskSummary && !pending){
    358. 

  358.       opMsg(`任务 ${lib.taskSummary.done}/${lib.taskSummary.total} 已完成，缺失 ${lib.taskSummary.missing} 个。`, lib.taskSummary.missing===0);
    359. 

  359.     }
    360. 

  360.   }
    361. 

  361.   $('#retryMissingBtn').disabled = !lib.taskSummary || !lib.taskSummary.missing || ACTIVE_TASKS.size>0;
    362. 

  362.   const boss = lib.slot_config && lib.slot_config.boss;
    363. 

  363.   if(boss && boss.enabled){
    364. 

  364.     const bossId = boss.id || 'boss_demon_lord';
    365. 

  365.     const hasBoss = (lib.characters||[]).some(c=>c.id===bossId);
    366. 

  366.     if(!hasBoss && !opts.silent) opMsg(`当前资源库缺少关主大魔王 ${bossId}，在角色库任务卡片点“补生成 / 重试”即可继续。`, false);
    367. 

  367.   }
    368. 

  368.   render();
    369. 

  369. }
    370. 

  370. 

  371. // ---------- 关键帧采样（与后端 spine 数据一致）----------
    372. 

  372. const lerp=(a,b,t)=>a+(b-a)*t;
    373. 

  373. function sample(keys,t,field){
    374. 

  374.   if(!keys||!keys.length) return field==='value'?0:1;
    375. 

  375.   if(t<=keys[0].time) return keys[0][field];
    376. 

  376.   for(let i=0;i<keys.length-1;i++){
    377. 

  377.     if(t>=keys[i].time && t<=keys[i+1].time){
    378. 

  378.       const f=(t-keys[i].time)/((keys[i+1].time-keys[i].time)||1);
    379. 

  379.       return lerp(keys[i][field],keys[i+1][field],f);
    380. 

  380.     }
    381. 

  381.   }
    382. 

  382.   return keys[keys.length-1][field];
    383. 

  383. }
    384. 

  384. function tick(now){
    385. 

  385.   for(const t of animTargets){
    386. 

  386.     if(!t.el.isConnected) continue;
    387. 

  387.     const a=t.anim; if(!a){continue;}
    388. 

  388.     const dur=a.duration||1; const time=((now-t.start)/1000)%dur;
    389. 

  389.     const sx=sample(a.scale,time,'x'), sy=sample(a.scale,time,'y');
    390. 

  390.     const rot=sample(a.rotate,time,'value');
    391. 

  391.     t.el.style.transform=`scaleX(${sx}) scaleY(${sy}) rotate(${(-rot).toFixed(2)}deg)`;
    392. 

  392.   }
    393. 

  393.   requestAnimationFrame(tick);
    394. 

  394. }
    395. 

  395. requestAnimationFrame(tick);
    396. 

  396. 

  397. // ---------- 渲染 ----------
    398. 

  398. function render(){
    399. 

  399.   const v=$('#view'); v.innerHTML=''; animTargets.length=0;
    400. 

  400.   if(TAB==='chars') renderChars(v);
    401. 

  401.   if(TAB==='art') renderArt(v);
    402. 

  402.   if(TAB==='vfx') renderVfx(v);
    403. 

  403.   if(TAB==='ui') renderUi(v);
    404. 

  404. }
    405. 

  405. 

  406. function renderChars(v){
    407. 

  407.   const list=tasksFor('characters');
    408. 

  408.   if(!list.length){ v.innerHTML='<div class="empty">还没有角色任务。先生成 manifest。</div>'; return; }
    409. 

  409.   const grid=document.createElement('div'); grid.className='grid';
    410. 

  410.   list.forEach(t=>{
    411. 

  411.     const c=t.asset||{};
    412. 

  412.     const done=t.status==='done' && c.png;
    413. 

  413.     const usable=(t.status==='done'||t.status==='invalid') && c.png;
    414. 

  414.     const running=ACTIVE_TASKS.has(taskKey('characters',t.id));
    415. 

  415.     const animMap=c.animations||{};
    416. 

  416.     const anims=Object.keys(animMap);
    417. 

  417.     const displayImg = c.preview || c.png;
    418. 

  418.     const isParts = c.type==='spine_parts' || t.assetType==='spine_parts';
    419. 

  419.     const partCount = (c.parts || []).length;
    420. 

  420.     const qaErrors=(t.quality&&t.quality.errors)||[];
    421. 

  421.     const statusClass=running?'running':(t.status==='invalid'?'invalid':(done?'done':'missing'));
    422. 

  422.     const statusText=running?'生成中':(t.status==='invalid'?'需修复':(done?'已生成':'缺失'));
    423. 

  423.     const card=document.createElement('div'); card.className='card '+(usable?'':'missing')+(running?' running':'');
    424. 

  424.     const stageClass = `stage ${usable&&isParts?'clickable':''} ${t.status==='invalid'?'invalid-preview':''}`;
    425. 

  425.     card.innerHTML=`
    426. 

  426.       <div class="${stageClass}">${usable?`<img src="${assetUrl(displayImg)}" alt="${esc(t.id)}">${t.status==='invalid'?'<div class="stage-badge">预览未通过</div>':''}`:`<div class="placeholder">${running?'生成中…':'待生成'}<br>${esc(t.chineseName)}</div>`}</div>
    427. 

  427.       <div class="task-head"><div><div class="name">${esc(t.chineseName)}</div><div class="meta">${esc(t.englishName)}</div></div>
    428. 

  428.         <span class="task-status ${statusClass}">${statusText}</span></div>
    429. 

  429.       ${usable&&!isParts&&anims.length?`<div class="row"><select>${anims.map(a=>`<option>${esc(a)}</option>`).join('')}</select></div>`:''}
    430. 

  430.       <div class="meta"><span class="pill">${esc(t.assetType||'spine')}</span> ${isParts?`<span class="pill">拆件 ${partCount}</span> `:''}${esc(t.use)}<br>
    431. 

  431.         ${isParts?'Cocos 中播放真实骨骼动作；此处只做静态资源检查。':'动作: '+esc((done?anims:t.animations||[]).join(', ')||'idle')}</div>
    432. 

  432.       ${qaErrors.length?`<div class="qa-list">${qaErrors.slice(0,3).map(x=>`<div>需修复：${esc(x)}</div>`).join('')}</div>`:''}
    433. 

  433.       ${usable&&isParts?'<div class="row"><button class="ghost parts-btn">查看拆件图</button><button class="ghost preview-btn" data-boss="'+esc(t.id)+'">重生主图</button></div><button class="ghost parts-from-preview-btn" data-boss="'+esc(t.id)+'">按主图重生全部拆件</button>':''}
    434. 

  434.       <div class="task-prompt">${esc(t.prompt||'')}</div>
    435. 

  435.       <button class="ghost retry-btn" data-kind="characters" data-id="${esc(t.id)}" ${running?'disabled':''}>${running?'正在生成…':(usable?'重新生成':'补生成 / 重试')}</button>`;
    436. 

  436.     if(usable&&!isParts&&anims.length){
    437. 

  437.       const img=card.querySelector('img'), selA=card.querySelector('select');
    438. 

  438.       const tgt={el:img, anim:animMap[anims[0]], start:performance.now()};
    439. 

  439.       animTargets.push(tgt);
    440. 

  440.       selA.onchange=()=>{ tgt.anim=animMap[selA.value]; tgt.start=performance.now(); };
    441. 

  441.     }
    442. 

  442.     if(usable&&isParts){
    443. 

  443.       card.querySelector('.stage').onclick=()=>openPartsModal(c,t);
    444. 

  444.       card.querySelector('.parts-btn').onclick=()=>openPartsModal(c,t);
    445. 

  445.     }
    446. 

  446.     grid.appendChild(card);
    447. 

  447.   });
    448. 

  448.   v.appendChild(grid);
    449. 

  449. }
    450. 

  450. 

  451. function renderArt(v){
    452. 

  452.   const list=tasksFor('ui_art');
    453. 

  453.   if(!list.length){ v.innerHTML='<div class="empty">还没有 UI 美术任务。用工作流生成 manifest 后点「开始生成」。</div>'; return; }
    454. 

  454.   const grid=document.createElement('div'); grid.className='grid';
    455. 

  455.   list.forEach(t=>{
    456. 

  456.     const a=t.asset||{};
    457. 

  457.     const done=t.status==='done' && a.file;
    458. 

  458.     const running=ACTIVE_TASKS.has(taskKey('ui_art',t.id));
    459. 

  459.     const card=document.createElement('div'); card.className='card '+(done?'':'missing')+(running?' running':'');
    460. 

  460.     card.innerHTML=`
    461. 

  461.       <div class="stage">${done?`<img class="art-img" src="${assetUrl(a.file)}" alt="${esc(t.id)}">`:`<div class="placeholder">${running?'生成中…':'待生成'}<br>${esc(t.chineseName)}</div>`}</div>
    462. 

  462.       <div class="task-head"><div><div class="name">${esc(t.chineseName)}</div><div class="meta">${esc(t.englishName)}</div></div>
    463. 

  463.         <span class="task-status ${done?'done':(running?'running':'missing')}">${done?'已生成':(running?'生成中':'缺失')}</span></div>
    464. 

  464.       <div class="meta">${done?`${a.w}×${a.h}px · ${a.transparent?'透明素材':'整图背景'}`:`${esc(t.size||'')} · ${t.transparent?'透明素材':'整图背景'}`}<br>
    465. 

  465.         <span class="pill">ui_art</span> ${esc(t.use)}</div>
    466. 

  466.       <div class="task-prompt">${esc(t.prompt||'')}</div>
    467. 

  467.       <button class="ghost retry-btn" data-kind="ui_art" data-id="${esc(t.id)}" ${running?'disabled':''}>${running?'正在生成…':(done?'重新生成':'补生成 / 重试')}</button>`;
    468. 

  468.     grid.appendChild(card);
    469. 

  469.   });
    470. 

  470.   v.appendChild(grid);
    471. 

  471. }
    472. 

  472. 

  473. function renderVfx(v){
    474. 

  474.   const list=tasksFor('vfx');
    475. 

  475.   if(!list.length){ v.innerHTML='<div class="empty">还没有特效。</div>'; return; }
    476. 

  476.   const grid=document.createElement('div'); grid.className='grid';
    477. 

  477.   list.forEach(t=>{
    478. 

  478.     const x=t.asset||{};
    479. 

  479.     const done=t.status==='done' && x.config;
    480. 

  480.     const running=ACTIVE_TASKS.has(taskKey('vfx',t.id));
    481. 

  481.     const card=document.createElement('div'); card.className='card '+(done?'':'missing')+(running?' running':'');
    482. 

  482.     card.innerHTML=`
    483. 

  483.       <div class="stage">${done?'<canvas></canvas>':`<div class="placeholder">${running?'生成中…':'待生成'}<br>${esc(t.chineseName)}</div>`}</div>
    484. 

  484.       <div class="task-head"><div><div class="name">${esc(t.chineseName)}</div><div class="meta">${esc(t.englishName)}</div></div>
    485. 

  485.         <span class="task-status ${done?'done':(running?'running':'missing')}">${done?'已生成':(running?'生成中':'缺失')}</span></div>
    486. 

  486.       <div class="meta"><span class="pill">particle</span> ${done?`模板: ${esc(x.template)} · 发射率 ${x.config.emissionRate}/s · 寿命 ${x.config.life}s`:esc(t.use)}</div>
    487. 

  487.       <div class="task-prompt">${esc(t.prompt||'')}</div>
    488. 

  488.       <button class="ghost retry-btn" data-kind="vfx" data-id="${esc(t.id)}" ${running?'disabled':''}>${running?'正在生成…':(done?'重新生成':'补生成 / 重试')}</button>`;
    489. 

  489.     grid.appendChild(card);
    490. 

  490.     if(done) startParticle(card.querySelector('canvas'), x.config);
    491. 

  491.   });
    492. 

  492.   v.appendChild(grid);
    493. 

  493. }
    494. 

  494. 

  495. function startParticle(canvas, cfg){
    496. 

  496.   const dpr=window.devicePixelRatio||1;
    497. 

  497.   function resize(){ canvas.width=canvas.clientWidth*dpr; canvas.height=canvas.clientHeight*dpr; }
    498. 

  498.   setTimeout(resize,0); window.addEventListener('resize',resize);
    499. 

  499.   const ctx=canvas.getContext('2d');
    500. 

  500.   const ps=[]; let acc=0, last=performance.now();
    501. 

  501.   const sc=(cfg.startColor||[255,255,255,255]), ec=(cfg.endColor||[255,255,255,0]);
    502. 

  502.   const rand=(v)=>(Math.random()*2-1)*(v||0);
    503. 

  503.   function spawn(){
    504. 

  504.     const W=canvas.width,H=canvas.height;
    505. 

  505.     const cx=W/2+rand(cfg.posVarX)*dpr, cy=H*0.5+rand(cfg.posVarY)*dpr;
    506. 

  506.     const ang=((cfg.angle||90)+rand(cfg.angleVar))*Math.PI/180;
    507. 

  507.     const sp=((cfg.speed||100)+rand(cfg.speedVar))*dpr*0.5;
    508. 

  508.     ps.push({x:cx,y:cy,vx:Math.cos(ang)*sp,vy:-Math.sin(ang)*sp,
    509. 

  509.       life:(cfg.life||1)+rand(cfg.lifeVar),age:0,
    510. 

  510.       ss:(cfg.startSize||20),es:(cfg.endSize!=null?cfg.endSize:cfg.startSize||20)});
    511. 

  511.   }
    512. 

  512.   function loop(now){
    513. 

  513.     if(!canvas.isConnected) return;
    514. 

  514.     const dt=Math.min(0.05,(now-last)/1000); last=now;
    515. 

  515.     const W=canvas.width,H=canvas.height;
    516. 

  516.     acc+=(cfg.emissionRate||60)*dt;
    517. 

  517.     while(acc>=1 && ps.length<260){ acc-=1; spawn(); }
    518. 

  518.     ctx.clearRect(0,0,W,H); ctx.globalCompositeOperation='lighter';
    519. 

  519.     for(let i=ps.length-1;i>=0;i--){
    520. 

  520.       const p=ps[i]; p.age+=dt;
    521. 

  521.       if(p.age>=p.life){ ps.splice(i,1); continue; }
    522. 

  522.       p.vy+=(-(cfg.gravityY||0))*dpr*dt; p.vx+=(cfg.gravityX||0)*dpr*dt;
    523. 

  523.       p.x+=p.vx*dt; p.y+=p.vy*dt;
    524. 

  524.       const f=p.age/p.life;
    525. 

  525.       const r=Math.max(0.5,(p.ss+(p.es-p.ss)*f))*dpr/2;
    526. 

  526.       const cr=Math.round(lerp(sc[0],ec[0],f)),cg=Math.round(lerp(sc[1],ec[1],f)),cb=Math.round(lerp(sc[2],ec[2],f));
    527. 

  527.       const a=lerp((sc[3]??255),(ec[3]??0),f)/255;
    528. 

  528.       ctx.beginPath();ctx.fillStyle=`rgba(${cr},${cg},${cb},${a})`;
    529. 

  529.       ctx.arc(p.x,p.y,r,0,7);ctx.fill();
    530. 

  530.     }
    531. 

  531.     requestAnimationFrame(loop);
    532. 

  532.   }
    533. 

  533.   requestAnimationFrame(loop);
    534. 

  534. }
    535. 

  535. 

  536. // ---------- UI tween 预览（JS 复刻，仅用于看效果）----------
    537. 

  537. const EASE={
    538. 

  538.   cubicOut:t=>1-Math.pow(1-t,3),
    539. 

  539.   backOut:t=>{const c=1.7;return 1+(c+1)*Math.pow(t-1,3)+c*Math.pow(t-1,2);},
    540. 

  540.   elasticOut:t=>t===0?0:t===1?1:Math.pow(2,-10*t)*Math.sin((t*10-0.75)*(2*Math.PI/3))+1,
    541. 

  541.   sineInOut:t=>-(Math.cos(Math.PI*t)-1)/2,
    542. 

  542.   linear:t=>t,
    543. 

  543. };
    544. 

  544. function animate(dur,ease,fn){
    545. 

  545.   const s=performance.now();
    546. 

  546.   function step(now){const t=Math.min(1,(now-s)/(dur*1000));fn(EASE[ease](t));if(t<1)requestAnimationFrame(step);}
    547. 

  547.   requestAnimationFrame(step);
    548. 

  548. }
    549. 

  549. const TWEEN_DEMO={
    550. 

  550.   scale_bounce:(el)=>{animate(0.09,'linear',t=>el.style.transform=`scale(${1-0.1*t})`);
    551. 

  551.     setTimeout(()=>animate(0.12,'backOut',t=>el.style.transform=`scale(${0.9+0.15*t})`),90);
    552. 

  552.     setTimeout(()=>animate(0.08,'linear',t=>el.style.transform=`scale(${1.05-0.05*t})`),210);},
    553. 

  553.   elastic_in:(el)=>{el.style.opacity=1;animate(0.45,'elasticOut',t=>el.style.transform=`scale(${t})`);},
    554. 

  554.   fade_slide_in:(el)=>{animate(0.3,'cubicOut',t=>{el.style.opacity=t;el.style.transform=`translateY(${40*(1-t)}px)`;});},
    555. 

  555.   number_roll:(el)=>{el.dataset.role='num';animate(0.8,'cubicOut',t=>el.textContent=Math.floor(8888*t));},
    556. 

  556.   pulse:(el)=>{let on=true;el._pi&&clearInterval(el._pi);
    557. 

  557.     el._pi=setInterval(()=>{animate(0.6,'sineInOut',t=>el.style.transform=`scale(${on?1+0.06*t:1.06-0.06*t})`);on=!on;},620);},
    558. 

  558. };
    559. 

  559. function renderUi(v){
    560. 

  560.   const list=tasksFor('ui');
    561. 

  561.   if(!list.length){ v.innerHTML='<div class="empty">还没有 UI 动效。已生成的会编译进 <code>ui/TweenPresets.ts</code>。</div>'; return; }
    562. 

  562.   const grid=document.createElement('div'); grid.className='grid';
    563. 

  563.   list.forEach(t=>{
    564. 

  564.     const u=t.asset||{};
    565. 

  565.     const done=t.status==='done';
    566. 

  566.     const running=ACTIVE_TASKS.has(taskKey('ui',t.id));
    567. 

  567.     const preset=done?u.preset:t.prompt;
    568. 

  568.     const card=document.createElement('div'); card.className='card '+(done?'':'missing')+(running?' running':'');
    569. 

  569.     card.innerHTML=`<div class="stage">${done?`<div class="demo-box">${preset==='number_roll'?'0':'UI'}</div>`:`<div class="placeholder">${running?'生成中…':'待生成'}<br>${esc(t.chineseName)}</div>`}</div>
    570. 

  570.       <div class="task-head"><div><div class="name">${esc(t.chineseName)}</div><div class="meta">${esc(t.englishName)}</div></div>
    571. 

  571.         <span class="task-status ${done?'done':(running?'running':'missing')}">${done?'已生成':(running?'生成中':'缺失')}</span></div>
    572. 

  572.       <div class="meta"><span class="pill">tween</span> 预设: ${esc(preset)}<br>${esc(t.use)}</div>
    573. 

  573.       ${done?'<button class="ghost play-btn">▶ 播放</button>':''}
    574. 

  574.       <button class="ghost retry-btn" data-kind="ui" data-id="${esc(t.id)}" ${running?'disabled':''}>${running?'正在生成…':(done?'重新生成':'补生成 / 重试')}</button>`;
    575. 

  575.     if(!done){ grid.appendChild(card); return; }
    576. 

  576.     const box=card.querySelector('.demo-box');
    577. 

  577.     card.querySelector('.play-btn').onclick=()=>{
    578. 

  578.       box.style.opacity=1;box.style.transform='';
    579. 

  579.       (TWEEN_DEMO[u.preset]||(()=>{}))(box);
    580. 

  580.     };
    581. 

  581.     grid.appendChild(card);
    582. 

  582.   });
    583. 

  583.   v.appendChild(grid);
    584. 

  584. }
    585. 

  585. 

  586. // ---------- 事件 ----------
    587. 

  587. document.querySelectorAll('.tabs button').forEach(b=>b.onclick=()=>{
    588. 

  588.   document.querySelectorAll('.tabs button').forEach(x=>x.classList.remove('active'));
    589. 

  589.   b.classList.add('active'); TAB=b.dataset.tab; render();
    590. 

  590. });
    591. 

  591. 

  592. $('#view').addEventListener('click', async e=>{
    593. 

  593.   const partsFromPreviewBtn=e.target.closest('.parts-from-preview-btn');
    594. 

  594.   if(partsFromPreviewBtn){
    595. 

  595.     const game=$('#gameSel').value;
    596. 

  596.     if(!game||game==='(暂无)'){ opMsg('没有可重生的资源库',false); return; }
    597. 

  597.     const item={kind:'characters',id:partsFromPreviewBtn.dataset.boss};
    598. 

  598.     markTasksRunning([item], true);
    599. 

  599.     render();
    600. 

  600.     opMsg(`正在按主图重生全部拆件 ${item.id}…`);
    601. 

  601.     const log=$('#log'); log.style.display='block'; log.textContent=`按主图重生全部拆件 ${item.id} 任务创建中…`;
    602. 

  602.     try{
    603. 

  603.       const r=await fetch('/api/retry-boss-parts-from-preview',{method:'POST',headers:{'Content-Type':'application/json'},
    604. 

  604.         body:JSON.stringify({
    605. 

  605.           game, bossId:item.id,
    606. 

  606.           provider:$('#provider').value, api_key:$('#apiKey').value,
    607. 

  607.           base_url:$('#baseUrl').value, model:$('#model').value, size:$('#size').value })});
    608. 

  608.       const d=await r.json();
    609. 

  609.       if(!d.ok || !d.jobId){
    610. 

  610.         log.textContent='❌ '+(d.error||'按主图重生拆件失败');
    611. 

  611.         markTasksRunning([item], false); render();
    612. 

  612.         return;
    613. 

  613.       }
    614. 

  614.       await pollJob(d.jobId, log, partsFromPreviewBtn, [item]);
    615. 

  615.     }catch(err){
    616. 

  616.       log.textContent='请求失败: '+err;
    617. 

  617.       markTasksRunning([item], false); render();
    618. 

  618.     }
    619. 

  619.     return;
    620. 

  620.   }
    621. 

  621.   const previewBtn=e.target.closest('.preview-btn');
    622. 

  622.   if(previewBtn){
    623. 

  623.     const game=$('#gameSel').value;
    624. 

  624.     if(!game||game==='(暂无)'){ opMsg('没有可重生的资源库',false); return; }
    625. 

  625.     const item={kind:'characters',id:previewBtn.dataset.boss};
    626. 

  626.     markTasksRunning([item], true);
    627. 

  627.     render();
    628. 

  628.     opMsg(`正在重生主图 ${item.id}…`);
    629. 

  629.     const log=$('#log'); log.style.display='block'; log.textContent=`重生主图 ${item.id} 任务创建中…`;
    630. 

  630.     try{
    631. 

  631.       const r=await fetch('/api/retry-boss-preview',{method:'POST',headers:{'Content-Type':'application/json'},
    632. 

  632.         body:JSON.stringify({
    633. 

  633.           game, bossId:item.id,
    634. 

  634.           provider:$('#provider').value, api_key:$('#apiKey').value,
    635. 

  635.           base_url:$('#baseUrl').value, model:$('#model').value, size:$('#size').value })});
    636. 

  636.       const d=await r.json();
    637. 

  637.       if(!d.ok || !d.jobId){
    638. 

  638.         log.textContent='❌ '+(d.error||'主图重生失败');
    639. 

  639.         markTasksRunning([item], false); render();
    640. 

  640.         return;
    641. 

  641.       }
    642. 

  642.       await pollJob(d.jobId, log, previewBtn, [item]);
    643. 

  643.     }catch(err){
    644. 

  644.       log.textContent='请求失败: '+err;
    645. 

  645.       markTasksRunning([item], false); render();
    646. 

  646.     }
    647. 

  647.     return;
    648. 

  648.   }
    649. 

  649.   const btn=e.target.closest('.retry-btn');
    650. 

  650.   if(!btn) return;
    651. 

  651.   const game=$('#gameSel').value;
    652. 

  652.   if(!game||game==='(暂无)'){ opMsg('没有可重试的资源库',false); return; }
    653. 

  653.   const item={kind:btn.dataset.kind,id:btn.dataset.id};
    654. 

  654.   markTasksRunning([item], true);
    655. 

  655.   render();
    656. 

  656.   $('#retryMissingBtn').disabled=true;
    657. 

  657.   opMsg(`正在补生成 ${item.kind}/${item.id}…`);
    658. 

  658.   const log=$('#log'); log.style.display='block'; log.textContent=`补生成 ${btn.dataset.kind}/${btn.dataset.id} 任务创建中…`;
    659. 

  659.   try{
    660. 

  660.     const r=await fetch('/api/retry-task',{method:'POST',headers:{'Content-Type':'application/json'},
    661. 

  661.       body:JSON.stringify({
    662. 

  662.         game, kind:btn.dataset.kind, id:btn.dataset.id,
    663. 

  663.         provider:$('#provider').value, api_key:$('#apiKey').value,
    664. 

  664.         base_url:$('#baseUrl').value, model:$('#model').value, size:$('#size').value })});
    665. 

  665.     const d=await r.json();
    666. 

  666.     if(!d.ok || !d.jobId){
    667. 

  667.       log.textContent='❌ '+(d.error||'补生成失败');
    668. 

  668.       markTasksRunning([item], false); render();
    669. 

  669.       $('#retryMissingBtn').disabled=false;
    670. 

  670.       return;
    671. 

  671.     }
    672. 

  672.     await pollJob(d.jobId, log, btn, [item]);
    673. 

  673.   }catch(err){
    674. 

  674.     log.textContent='请求失败: '+err;
    675. 

  675.     markTasksRunning([item], false); render();
    676. 

  676.     $('#retryMissingBtn').disabled=false;
    677. 

  677.   }
    678. 

  678. });
    679. 

  679. $('#partsClose').onclick=()=>$('#partsModal').classList.remove('open');
    680. 

  680. $('#partsModal').onclick=e=>{ if(e.target.id==='partsModal') $('#partsModal').classList.remove('open'); };
    681. 

  681. $('#partsRebuildAll').onclick=async()=>{
    682. 

  682.   const game=$('#gameSel').value;
    683. 

  683.   const bossId=$('#partsRebuildAll').dataset.boss;
    684. 

  684.   if(!game||game==='(暂无)'||!bossId){ opMsg('没有可重生的关主拆件',false); return; }
    685. 

  685.   const item={kind:'characters',id:bossId};
    686. 

  686.   $('#partsRebuildAll').disabled=true;
    687. 

  687.   $('#partsRebuildAll').textContent='重生中…';
    688. 

  688.   markTasksRunning([item], true);
    689. 

  689.   render();
    690. 

  690.   opMsg(`正在按主图重生全部拆件 ${bossId}…`);
    691. 

  691.   const log=$('#log'); log.style.display='block'; log.textContent=`按主图重生全部拆件 ${bossId} 任务创建中…`;
    692. 

  692.   try{
    693. 

  693.     const r=await fetch('/api/retry-boss-parts-from-preview',{method:'POST',headers:{'Content-Type':'application/json'},
    694. 

  694.       body:JSON.stringify({
    695. 

  695.         game, bossId,
    696. 

  696.         provider:$('#provider').value, api_key:$('#apiKey').value,
    697. 

  697.         base_url:$('#baseUrl').value, model:$('#model').value, size:$('#size').value })});
    698. 

  698.     const d=await r.json();
    699. 

  699.     if(!d.ok || !d.jobId){
    700. 

  700.       log.textContent='❌ '+(d.error||'按主图重生拆件失败');
    701. 

  701.       markTasksRunning([item], false); render();
    702. 

  702.       $('#partsRebuildAll').disabled=false;
    703. 

  703.       $('#partsRebuildAll').textContent='按主图重生全部拆件';
    704. 

  704.       return;
    705. 

  705.     }
    706. 

  706.     await pollJob(d.jobId, log, $('#partsRebuildAll'), [item]);
    707. 

  707.     const row=tasksFor('characters').find(t=>t.id===bossId);
    708. 

  708.     if(row && row.asset) openPartsModal(row.asset, row);
    709. 

  709.   }catch(err){
    710. 

  710.     log.textContent='请求失败: '+err;
    711. 

  711.     markTasksRunning([item], false); render();
    712. 

  712.     $('#partsRebuildAll').disabled=false;
    713. 

  713.     $('#partsRebuildAll').textContent='按主图重生全部拆件';
    714. 

  714.   }
    715. 

  715. };
    716. 

  716. $('#partsList').addEventListener('click', async e=>{
    717. 

  717.   const btn=e.target.closest('.part-retry-btn');
    718. 

  718.   if(!btn) return;
    719. 

  719.   const game=$('#gameSel').value;
    720. 

  720.   if(!game||game==='(暂无)'){ opMsg('没有可重生的资源库',false); return; }
    721. 

  721.   btn.disabled=true;
    722. 

  722.   btn.textContent='重生中…';
    723. 

  723.   const item={kind:'characters',id:btn.dataset.boss};
    724. 

  724.   markTasksRunning([item], true);
    725. 

  725.   render();
    726. 

  726.   opMsg(`正在重生拆件 ${btn.dataset.boss}/${btn.dataset.part}…`);
    727. 

  727.   const log=$('#log'); log.style.display='block'; log.textContent=`重生拆件 ${btn.dataset.boss}/${btn.dataset.part} 任务创建中…`;
    728. 

  728.   try{
    729. 

  729.     const r=await fetch('/api/retry-boss-part',{method:'POST',headers:{'Content-Type':'application/json'},
    730. 

  730.       body:JSON.stringify({
    731. 

  731.         game, bossId:btn.dataset.boss, partId:btn.dataset.part,
    732. 

  732.         provider:$('#provider').value, api_key:$('#apiKey').value,
    733. 

  733.         base_url:$('#baseUrl').value, model:$('#model').value, size:$('#size').value })});
    734. 

  734.     const d=await r.json();
    735. 

  735.     if(!d.ok || !d.jobId){
    736. 

  736.       log.textContent='❌ '+(d.error||'拆件重生失败');
    737. 

  737.       markTasksRunning([item], false); render();
    738. 

  738.       btn.disabled=false; btn.textContent='重生该拆件';
    739. 

  739.       return;
    740. 

  740.     }
    741. 

  741.     await pollJob(d.jobId, log, btn, [item]);
    742. 

  742.     const row=tasksFor('characters').find(t=>t.id===btn.dataset.boss);
    743. 

  743.     if(row && row.asset) openPartsModal(row.asset, row);
    744. 

  744.   }catch(err){
    745. 

  745.     log.textContent='请求失败: '+err;
    746. 

  746.     markTasksRunning([item], false); render();
    747. 

  747.     btn.disabled=false; btn.textContent='重生该拆件';
    748. 

  748.   }
    749. 

  749. });
    750. 

  750. $('#gameSel').onchange=e=>loadLibrary(e.target.value);
    751. 

  751. function currentManifestGame(){
    752. 

  752.   try{ return JSON.parse($('#manifest').value||'{}').game || ''; }catch(e){ return ''; }
    753. 

  753. }
    754. 

  754. $('#reloadBtn').onclick=()=>loadLibrary($('#gameSel').value || currentManifestGame());
    755. 

  755. 

  756. function opMsg(t,ok=true){ const m=$('#opMsg'); m.textContent=t; m.style.color=ok?'#7ee8ff':'#ff9d9d'; }
    757. 

  757. function workflowMsg(t,ok=true){ const m=$('#workflowMsg'); m.textContent=t; m.style.color=ok?'#a99ccb':'#ff9d9d'; }
    758. 

  758. 

  759. function renderGamePlan(plan, source){
    760. 

  760.   const box=$('#gamePlanView');
    761. 

  761.   if(!plan){ box.style.display='none'; box.textContent=''; return; }
    762. 

  762.   const gd=plan.gameDesign||{}, creative=plan.creative||{}, art=gd.artDirection||{};
    763. 

  763.   const lines=[
    764. 

  764.     `AI 游戏方案 · ${source||plan.source||''}`,
    765. 

  765.     `标题：${gd.title||''}`,
    766. 

  766.     `核心钩子：${gd.coreHook||''}`,
    767. 

  767.     `玩法：${gd.reelExperience||''} / ${gd.volatility||''}`,
    768. 

  768.     `差异点：${(gd.differentiators||[]).join('、')||'未生成'}`,
    769. 

  769.     `关主：${gd.bossDesign?JSON.stringify(gd.bossDesign):'按下方配置生成'}`,
    770. 

  770.     `美术主题：${art.theme||''}`,
    771. 

  771.     `美术风格：${art.style||''}`,
    772. 

  772.     `参考：${(creative.references||[]).join('，')||'无'}；上传图 ${creative.uploadedReferenceImages||0} 张`,
    773. 

  773.     `视觉分析：${creative.visionStyleAnalysis&&Object.keys(creative.visionStyleAnalysis).length?JSON.stringify(creative.visionStyleAnalysis,null,2):(creative.visionStyleAnalysisError||'无')}`
    774. 

  774.   ];
    775. 

  775.   box.textContent=lines.join('\n');
    776. 

  776.   box.style.display='block';
    777. 

  777. }
    778. 

  778. 

  779. function workflowPayload(){
    780. 

  780.   const features=[];
    781. 

  781.   if($('#wfCascades').checked) features.push('cascades');
    782. 

  782.   if($('#wfFreeSpins').checked) features.push('free_spins');
    783. 

  783.   if($('#wfWilds').checked) features.push('wilds');
    784. 

  784.   if($('#wfHoldWin').checked) features.push('hold_win');
    785. 

  785.   if($('#wfMultipliers').checked) features.push('multipliers');
    786. 

  786.   return {
    787. 

  787.     gameId: $('#wfGameId').value,
    788. 

  788.     title: $('#wfTitle').value,
    789. 

  789.     theme: $('#wfTheme').value,
    790. 

  790.     reelMode: $('#wfReelMode').value,
    791. 

  791.     volatility: $('#wfVolatility').value,
    792. 

  792.     targetRtp: $('#wfTargetRtp').value,
    793. 

  793.     enableMathModel: $('#wfEnableMathModel').checked,
    794. 

  794.     characterCount: $('#wfCharacterCount').value,
    795. 

  795.     uiCompleteness: $('#wfUiCompleteness').value,
    796. 

  796.     feedbackIntensity: $('#wfFeedbackIntensity').value,
    797. 

  797.     enableBoss: $('#wfEnableBoss').checked,
    798. 

  798.     bossPresence: $('#wfBossPresence').value,
    799. 

  799.     startingBalance: $('#wfStartingBalance').value,
    800. 

  800.     defaultBet: $('#wfDefaultBet').value,
    801. 

  801.     freeSpinCount: $('#wfFreeSpinCount').value,
    802. 

  802.     maxCascades: $('#wfMaxCascades').value,
    803. 

  803.     creative: {
    804. 

  804.       brief: $('#creativeBrief').value,
    805. 

  805.       references: $('#creativeRefs').value.split('\n').map(x=>x.trim()).filter(Boolean),
    806. 

  806.       uploadedReferenceImages: ($('#creativeImageFiles').files||[]).length,
    807. 

  807.       styleNotes: $('#creativeStyleNotes').value,
    808. 

  808.       avoidNotes: $('#creativeAvoidNotes').value
    809. 

  809.     },
    810. 

  810.     gameDesign: {
    811. 

  811.       title: $('#wfTitle').value,
    812. 

  812.       artDirection: { theme: $('#wfTheme').value, styleNotes: $('#creativeStyleNotes').value },
    813. 

  813.       reelExperience: $('#wfReelMode').value,
    814. 

  814.       volatility: $('#wfVolatility').value
    815. 

  815.     },
    816. 

  816.     features
    817. 

  817.   };
    818. 

  818. }
    819. 

  819. 

  820. $('#buildWorkflowBtn').onclick=async()=>{
    821. 

  821.   const btn=$('#buildWorkflowBtn'); btn.disabled=true; workflowMsg('正在生成玩法配置和 manifest…');
    822. 

  822.   try{
    823. 

  823.     const r=await fetch('/api/slot-workflow',{method:'POST',headers:{'Content-Type':'application/json'},
    824. 

  824.       body:JSON.stringify(workflowPayload())});
    825. 

  825.     const d=await r.json();
    826. 

  826.     if(!d.ok){ workflowMsg('生成失败: '+(d.error||'未知错误'),false); }
    827. 

  827.     else{
    828. 

  828.       $('#manifest').value=JSON.stringify(d.manifest,null,2);
    829. 

  829.       await loadLibrary(d.manifest.game);
    830. 

  830.       const cfg=d.slot_config||d.manifest.slot_config||{};
    831. 

  831.       const reels=cfg.reels?`${cfg.reels.columns}×${cfg.reels.rows}`:'';
    832. 

  832.       const minMatch=cfg.winRules?cfg.winRules.minMatch:'';
    833. 

  833.       const sim=cfg.mathModel&&cfg.mathModel.simulation?cfg.mathModel.simulation:{};
    834. 

  834.       if(cfg.mathModel&&cfg.mathModel.status==='disabled_by_user'){
    835. 

  835.         workflowMsg(`已生成 ${d.manifest.game}：${reels}，数学模型未生成，最小中奖 ${minMatch} 连。`);
    836. 

  836.       }else{
    837. 

  837.         workflowMsg(`已生成 ${d.manifest.game}：${reels}，RTP ${((sim.estimatedRtp||0)*100).toFixed(2)}%，命中率 ${((sim.hitFrequency||0)*100).toFixed(2)}%，最小中奖 ${minMatch} 连。`);
    838. 

  838.       }
    839. 

  839.       $('#genPanel').open=true;
    840. 

  840.     }
    841. 

  841.   }catch(e){ workflowMsg('请求失败: '+e,false); }
    842. 

  842.   btn.disabled=false;
    843. 

  843. };
    844. 

  844. 

  845. async function readReferenceImages(){
    846. 

  846.   const input=$('#creativeImageFiles');
    847. 

  847.   const files=Array.from(input.files||[]).slice(0,4);
    848. 

  848.   if(!files.length) return [];
    849. 

  849.   $('#creativeImageMsg').textContent=`已选择 ${files.length} 张，准备上传给视觉模型分析…`;
    850. 

  850.   const readers=files.map(file=>new Promise((resolve,reject)=>{
    851. 

  851.     if(file.size>6*1024*1024){ reject(new Error(file.name+' 超过 6MB')); return; }
    852. 

  852.     const r=new FileReader();
    853. 

  853.     r.onload=()=>resolve(r.result);
    854. 

  854.     r.onerror=()=>reject(r.error||new Error('读取失败'));
    855. 

  855.     r.readAsDataURL(file);
    856. 

  856.   }));
    857. 

  857.   return Promise.all(readers);
    858. 

  858. }
    859. 

  859. 

  860. $('#aiWorkflowBtn').onclick=async()=>{
    861. 

  861.   const btn=$('#aiWorkflowBtn'); btn.disabled=true; const msg=$('#aiWorkflowMsg');
    862. 

  862.   msg.textContent='AI 正在理解创意和参考链接…'; msg.style.color='#a99ccb';
    863. 

  863.   try{
    864. 

  864.     const referenceImages=await readReferenceImages();
    865. 

  865.     if(referenceImages.length) msg.textContent='视觉模型正在分析上传参考图…';
    866. 

  866.     const r=await fetch('/api/creative-manifest',{method:'POST',headers:{'Content-Type':'application/json'},
    867. 

  867.       body:JSON.stringify({
    868. 

  868.         api_key:$('#apiKey').value,
    869. 

  869.         base_url:$('#baseUrl').value,
    870. 

  870.         text_model:$('#textModel').value,
    871. 

  871.         gameId:$('#wfGameId').value,
    872. 

  872.         title:$('#wfTitle').value,
    873. 

  873.         brief:$('#creativeBrief').value,
    874. 

  874.         references:$('#creativeRefs').value,
    875. 

  875.         reference_images:referenceImages,
    876. 

  876.         styleNotes:$('#creativeStyleNotes').value,
    877. 

  877.         avoidNotes:$('#creativeAvoidNotes').value,
    878. 

  878.         theme:$('#wfTheme').value,
    879. 

  879.         reelMode:$('#wfReelMode').value,
    880. 

  880.         volatility:$('#wfVolatility').value,
    881. 

  881.         characterCount:$('#wfCharacterCount').value,
    882. 

  882.         uiCompleteness:$('#wfUiCompleteness').value,
    883. 

  883.         feedbackIntensity:$('#wfFeedbackIntensity').value,
    884. 

  884.         enableBoss:$('#wfEnableBoss').checked,
    885. 

  885.         bossPresence:$('#wfBossPresence').value,
    886. 

  886.         features:workflowPayload().features,
    887. 

  887.         targetRtp:$('#wfTargetRtp').value,
    888. 

  888.         enableMathModel:$('#wfEnableMathModel').checked
    889. 

  889.       })});
    890. 

  890.     const d=await r.json();
    891. 

  891.     if(!d.ok){ msg.textContent='AI 生成失败: '+(d.error||'未知错误'); msg.style.color='#ff9d9d'; }
    892. 

  892.     else{
    893. 

  893.       $('#manifest').value=JSON.stringify(d.manifest,null,2);
    894. 

  894.       await loadLibrary(d.manifest.game);
    895. 

  895.       const req=d.creative_request||{};
    896. 

  896.       $('#wfGameId').value=req.gameId||$('#wfGameId').value;
    897. 

  897.       $('#wfTitle').value=req.title||$('#wfTitle').value;
    898. 

  898.       if(req.theme) $('#wfTheme').value=req.theme;
    899. 

  899.       if(req.reelMode) $('#wfReelMode').value=req.reelMode;
    900. 

  900.       if(req.volatility) $('#wfVolatility').value=req.volatility;
    901. 

  901.       if(req.characterCount) $('#wfCharacterCount').value=String(req.characterCount);
    902. 

  902.       if(req.uiCompleteness) $('#wfUiCompleteness').value=req.uiCompleteness;
    903. 

  903.       if(req.feedbackIntensity) $('#wfFeedbackIntensity').value=req.feedbackIntensity;
    904. 

  904.       if(typeof req.enableBoss==='boolean') $('#wfEnableBoss').checked=req.enableBoss;
    905. 

  905.       if(req.bossPresence) $('#wfBossPresence').value=req.bossPresence;
    906. 

  906.       const fs=new Set(req.features||[]);
    907. 

  907.       $('#wfCascades').checked=fs.has('cascades');
    908. 

  908.       $('#wfFreeSpins').checked=fs.has('free_spins');
    909. 

  909.       $('#wfWilds').checked=fs.has('wilds');
    910. 

  910.       $('#wfHoldWin').checked=fs.has('hold_win');
    911. 

  911.       $('#wfMultipliers').checked=fs.has('multipliers');
    912. 

  912.       renderGamePlan(d.game_plan, d.source);
    913. 

  913.       msg.textContent=`已生成完整游戏方案和 manifest（来源：${d.source}），可微调后开始生成图片资源。`;
    914. 

  914.       $('#genPanel').open=true;
    915. 

  915.     }
    916. 

  916.   }catch(e){ msg.textContent='请求失败: '+e; msg.style.color='#ff9d9d'; }
    917. 

  917.   btn.disabled=false;
    918. 

  918. };
    919. 

  919. 

  920. $('#openGenBtn').onclick=()=>{ $('#genPanel').open=true; $('#genPanel').scrollIntoView({behavior:'smooth',block:'start'}); };
    921. 

  921. 

  922. $('#retryMissingBtn').onclick=async()=>{
    923. 

  923.   const game=$('#gameSel').value;
    924. 

  924.   if(!game||game==='(暂无)'){ opMsg('没有可补生成的资源库',false); return; }
    925. 

  925.   const items=missingTasks();
    926. 

  926.   if(!items.length){ opMsg('当前没有缺失任务'); return; }
    927. 

  927.   markTasksRunning(items, true);
    928. 

  928.   render();
    929. 

  929.   const btn=$('#retryMissingBtn'); btn.disabled=true;
    930. 

  930.   opMsg(`正在批量补生成 ${items.length} 个缺失任务…`);
    931. 

  931.   const log=$('#log'); log.style.display='block'; log.textContent=`批量补生成 ${items.length} 个缺失任务创建中…`;
    932. 

  932.   try{
    933. 

  933.     const r=await fetch('/api/retry-missing',{method:'POST',headers:{'Content-Type':'application/json'},
    934. 

  934.       body:JSON.stringify({
    935. 

  935.         game, provider:$('#provider').value, api_key:$('#apiKey').value,
    936. 

  936.         base_url:$('#baseUrl').value, model:$('#model').value, size:$('#size').value })});
    937. 

  937.     const d=await r.json();
    938. 

  938.     if(!d.ok || !d.jobId){
    939. 

  939.       log.textContent='❌ '+(d.error||'批量补生成失败');
    940. 

  940.       markTasksRunning(items, false); render();
    941. 

  941.       btn.disabled=false;
    942. 

  942.       return;
    943. 

  943.     }
    944. 

  944.     await pollJob(d.jobId, log, btn, items);
    945. 

  945.   }catch(e){
    946. 

  946.     log.textContent='请求失败: '+e;
    947. 

  947.     markTasksRunning(items, false); render();
    948. 

  948.     btn.disabled=false;
    949. 

  949.   }
    950. 

  950. };
    951. 

  951. 

  952. $('#exportBtn').onclick=async()=>{
    953. 

  953.   const game=$('#gameSel').value;
    954. 

  954.   if(!game||game==='(暂无)'){ opMsg('没有可导出的资源库',false); return; }
    955. 

  955.   const btn=$('#exportBtn'); btn.disabled=true; opMsg('打包中…');
    956. 

  956.   try{
    957. 

  957.     const r=await fetch('/api/export',{method:'POST',headers:{'Content-Type':'application/json'},
    958. 

  958.       body:JSON.stringify({game})});
    959. 

  959.     const d=await r.json();
    960. 

  960.     if(d.ok) opMsg('✅ 已导出到 '+d.pack);
    961. 

  961.     else opMsg('❌ '+(d.error||'导出失败'),false);
    962. 

  962.   }catch(e){ opMsg('请求失败: '+e,false); }
    963. 

  963.   btn.disabled=false;
    964. 

  964. };
    965. 

  965. 

  966. $('#openFolderBtn').onclick=async()=>{
    967. 

  967.   const game=$('#gameSel').value;
    968. 

  968.   if(!game||game==='(暂无)'){ opMsg('没有可打开的资源库',false); return; }
    969. 

  969.   const btn=$('#openFolderBtn'); btn.disabled=true; opMsg('正在打开素材目录…');
    970. 

  970.   try{
    971. 

  971.     const r=await fetch('/api/open-folder',{method:'POST',headers:{'Content-Type':'application/json'},
    972. 

  972.       body:JSON.stringify({game})});
    973. 

  973.     const d=await r.json();
    974. 

  974.     if(d.ok) opMsg('✅ 已打开 '+d.path);
    975. 

  975.     else opMsg('❌ '+(d.error||'打开失败'),false);
    976. 

  976.   }catch(e){ opMsg('请求失败: '+e,false); }
    977. 

  977.   btn.disabled=false;
    978. 

  978. };
    979. 

  979. 

  980. $('#deleteBtn').onclick=async()=>{
    981. 

  981.   const game=$('#gameSel').value;
    982. 

  982.   if(!game||game==='(暂无)'){ opMsg('没有可删除的资源库',false); return; }
    983. 

  983.   if(!confirm(`确定删除资源库「${game}」？此操作会从磁盘删掉 out/${game} 整个文件夹，不可恢复。`)) return;
    984. 

  984.   const btn=$('#deleteBtn'); btn.disabled=true; opMsg('删除中…');
    985. 

  985.   try{
    986. 

  986.     const r=await fetch('/api/delete',{method:'POST',headers:{'Content-Type':'application/json'},
    987. 

  987.       body:JSON.stringify({game})});
    988. 

  988.     const d=await r.json();
    989. 

  989.     if(d.ok){ opMsg('✅ 已删除 '+d.deleted); await loadLibrary(); }
    990. 

  990.     else opMsg('❌ '+(d.error||'删除失败'),false);
    991. 

  991.   }catch(e){ opMsg('请求失败: '+e,false); }
    992. 

  992.   btn.disabled=false;
    993. 

  993. };
    994. 

  994. $('#startBtn').onclick=async()=>{
    995. 

  995.   const btn=$('#startBtn'); const log=$('#log');
    996. 

  996.   btn.disabled=true; log.style.display='block'; log.textContent='任务创建中…';
    997. 

  997.   try{
    998. 

  998.     const r=await fetch('/api/generate',{method:'POST',headers:{'Content-Type':'application/json'},
    999. 

  999.       body:JSON.stringify({
    1000. 

  1000.         provider:$('#provider').value, api_key:$('#apiKey').value,
    1001. 

  1001.         base_url:$('#baseUrl').value, model:$('#model').value, size:$('#size').value,
    1002. 

  1002.         manifest:$('#manifest').value, async:true })});
    1003. 

  1003.     const d=await r.json();
    1004. 

  1004.     if(!d.ok || !d.jobId){
    1005. 

  1005.       log.textContent=(d.logs||[]).join('\n')+(d.error?('\n❌ '+d.error):'');
    1006. 

  1006.       btn.disabled=false;
    1007. 

  1007.       return;
    1008. 

  1008.     }
    1009. 

  1009.     await pollJob(d.jobId, log, btn);
    1010. 

  1010.   }catch(e){ log.textContent='请求失败: '+e; }
    1011. 

  1011. };
    1012. 

  1012. 

  1013. async function pollJob(jobId, log, btn, runningItems=[]){
    1014. 

  1014.   let lastText='';
    1015. 

  1015.   let lastRefresh=0;
    1016. 

  1016.   while(true){
    1017. 

  1017.     let d;
    1018. 

  1018.     try{
    1019. 

  1019.       d=await (await fetch('/api/job?id='+encodeURIComponent(jobId))).json();
    1020. 

  1020.     }catch(e){
    1021. 

  1021.       log.textContent=lastText+'\n轮询失败: '+e;
    1022. 

  1022.       btn.disabled=false;
    1023. 

  1023.       return;
    1024. 

  1024.     }
    1025. 

  1025.     const lines=d.logs||[];
    1026. 

  1026.     const head=`任务 ${jobId.slice(0,8)} · ${d.status||'running'} · ${(d.game||'')}`;
    1027. 

  1027.     lastText=head+'\n'+lines.join('\n')+(d.error?('\n❌ '+d.error):'');
    1028. 

  1028.     log.textContent=lastText;
    1029. 

  1029.     log.scrollTop=log.scrollHeight;
    1030. 

  1030.     if((d.logs||[]).length){
    1031. 

  1031.       opMsg((d.status==='running'?'生成中：':'任务状态：') + d.logs[d.logs.length-1], d.status!=='error');
    1032. 

  1032.     }
    1033. 

  1033.     if(d.progress && d.progress.type==='boss_parts' && d.progress.bossId){
    1034. 

  1034.       PART_PROGRESS[d.progress.bossId] = d.progress;
    1035. 

  1035.       const current = d.progress.current ? `当前：${d.progress.current}` : '';
    1036. 

  1036.       const count = `${d.progress.done||0}/${d.progress.total||0}`;
    1037. 

  1037.       if(current) opMsg(`拆件生成 ${count} · ${current}`);
    1038. 

  1038.       await loadLibrary(d.game || $('#gameSel').value, {silent:true});
    1039. 

  1039.       refreshOpenPartsModal();
    1040. 

  1040.       lastRefresh = Date.now();
    1041. 

  1041.     }
    1042. 

  1042.     const now=Date.now();
    1043. 

  1043.     if(d.status==='running' && d.game && now-lastRefresh>2500){
    1044. 

  1044.       lastRefresh=now;
    1045. 

  1045.       await loadLibrary(d.game, {silent:true});
    1046. 

  1046.       refreshOpenPartsModal();
    1047. 

  1047.     }
    1048. 

  1048.     if(d.status==='done'){
    1049. 

  1049.       markTasksRunning(runningItems, false);
    1050. 

  1050.       ACTIVE_TASKS.clear();
    1051. 

  1051.       await loadLibrary(d.game);
    1052. 

  1052.       refreshOpenPartsModal();
    1053. 

  1053.       if(btn) btn.disabled=false;
    1054. 

  1054.       if(btn && btn.id==='partsRebuildAll') btn.textContent='按主图重生全部拆件';
    1055. 

  1055.       return;
    1056. 

  1056.     }
    1057. 

  1057.     if(d.status==='error'){
    1058. 

  1058.       markTasksRunning(runningItems, false);
    1059. 

  1059.       ACTIVE_TASKS.clear();
    1060. 

  1060.       await loadLibrary(d.game || $('#gameSel').value);
    1061. 

  1061.       opMsg('任务结束但有错误，已自动刷新资源库；成功的素材已经显示。', false);
    1062. 

  1062.       if(btn) btn.disabled=false;
    1063. 

  1063.       if(btn && btn.id==='partsRebuildAll') btn.textContent='按主图重生全部拆件';
    1064. 

  1064.       $('#retryMissingBtn').disabled=false;
    1065. 

  1065.       refreshOpenPartsModal();
    1066. 

  1066.       return;
    1067. 

  1067.     }
    1068. 

  1068.     await new Promise(r=>setTimeout(r,1200));
    1069. 

  1069.   }
    1070. 

  1070. }
    1071. 

  1071. 

  1072. loadManifest(); loadLibrary();
    1073. 

  1073. </script>
    1074. 

  1074. </body>
    1075. 

  1075. </html>
    1076.