Arena Fighter

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_214":215,"_216":217},"routes/_app.x.$handle.$name",{"_101":100,"_37":49,"_109":91,"_32":104,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_26":-5,"_120":-5,"_121":-5,"_122":30,"_123":124,"_125":63,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_47":48,"_37":49,"_42":50,"_51":-5,"_52":30,"_53":54,"_55":54,"_56":57,"_58":-5,"_19":59,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":84,"_85":86,"_87":88,"_89":30},"version",5,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","a2f1e0b0-c9a0-4646-8766-c7b93cab256c","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":26,"_40":41,"_42":43,"_44":14,"_45":46,"_29":30},"previous","deleted",false,"deletedHere","path","frontend/ui.js","latestPath","fileId","d1cc2ea2-3397-11f1-98aa-42b51c65c3df","name","ui.js","fileType","content","// UI management: character creator, modals, move bar\n\nexport class UI {\n constructor(game) {\n this.game = game;\n this.characters = JSON.parse(localStorage.getItem(\"arena-characters\") || \"[]\");\n this._buildMoveFormRows();\n this._bindEvents();\n this._renderMoveBar();\n }\n\n saveCharacters() {\n localStorage.setItem(\"arena-characters\", JSON.stringify(this.characters));\n }\n\n _buildMoveFormRows() {\n const movesDiv = document.getElementById(\"cf-moves\");\n const ultMovesDiv = document.getElementById(\"cf-ult-moves\");\n movesDiv.innerHTML = \"\";\n ultMovesDiv.innerHTML = \"\";\n for (let i = 0; i < 4; i++) {\n movesDiv.appendChild(this._makeMoveFormBlock(i, false));\n ultMovesDiv.appendChild(this._makeMoveFormBlock(i, true));\n }\n }\n\n _makeMoveFormBlock(i, isUlt) {\n const div = document.createElement(\"div\");\n div.className = \"move-form-block\";\n const prefix = isUlt ? `ult-move-${i}` : `move-${i}`;\n div.innerHTML = `\n

${isUlt ? \"Ult Move\" : \"Move\"} ${i + 1}

\n Name \n Type\n \n \n Description \n Finisher (optional) \n `;\n return div;\n }\n\n _bindEvents() {\n document.getElementById(\"characters-btn\").addEventListener(\"click\", () => this._openCharModal());\n document.getElementById(\"close-char-modal\").addEventListener(\"click\", () => this._closeCharModal());\n document.getElementById(\"new-char-btn\").addEventListener(\"click\", () => this._openCreator());\n document.getElementById(\"close-creator-modal\").addEventListener(\"click\", () => this._closeCreator());\n document.getElementById(\"cf-submit\").addEventListener(\"click\", () => this._submitCharacter());\n document.getElementById(\"cf-cancel\").addEventListener(\"click\", () => this._closeCreator());\n document.getElementById(\"spawn-npc-btn\").addEventListener(\"click\", () => this._openSpawn());\n document.getElementById(\"close-spawn-modal\").addEventListener(\"click\", () => this._closeSpawn());\n document.getElementById(\"spawn-cancel\").addEventListener(\"click\", () => this._closeSpawn());\n document.getElementById(\"spawn-confirm\").addEventListener(\"click\", () => this._spawnNPC());\n document.getElementById(\"spawn-difficulty\").addEventListener(\"input\", (e) => {\n document.getElementById(\"spawn-diff-label\").textContent = e.target.value;\n });\n document.getElementById(\"ult-activate-btn\").addEventListener(\"click\", () => {\n this.game.player?.activateUltimate();\n });\n }\n\n _openCharModal() {\n document.getElementById(\"char-modal\").classList.remove(\"hidden\");\n this._renderCharList();\n }\n _closeCharModal() { document.getElementById(\"char-modal\").classList.add(\"hidden\"); }\n\n _renderCharList() {\n const list = document.getElementById(\"char-list\");\n list.innerHTML = \"\";\n if (this.characters.length === 0) {\n list.innerHTML = '

No characters yet.

';\n return;\n }\n this.characters.forEach((c, idx) => {\n const item = document.createElement(\"div\");\n item.className = \"char-item\";\n if (this.game.player?.character === c) item.classList.add(\"selected\");\n item.innerHTML = `

${c.name}`;\n item.addEventListener(\"click\", () => {\n this.game.selectCharacter(c);\n this._closeCharModal();\n });\n list.appendChild(item);\n });\n }\n\n _openCreator() {\n this._buildMoveFormRows();\n document.getElementById(\"creator-modal\").classList.remove(\"hidden\");\n document.getElementById(\"char-modal\").classList.add(\"hidden\");\n }\n _closeCreator() {\n document.getElementById(\"creator-modal\").classList.add(\"hidden\");\n document.getElementById(\"char-modal\").classList.remove(\"hidden\");\n document.getElementById(\"cf-loading\").classList.add(\"hidden\");\n }\n\n _getFormData() {\n const val = (id) => document.getElementById(id)?.value?.trim() || \"\";\n const moves = [];\n for (let i = 0; i < 4; i++) {\n moves.push({\n name: val(`move-${i}-name`) || `Move ${i + 1}`,\n type: val(`move-${i}-type`) || \"attack\",\n description: val(`move-${i}-desc`) || \"Basic attack\",\n finisher: val(`move-${i}-finisher`) || null,\n });\n }\n const ultimateMoves = [];\n for (let i = 0; i < 4; i++) {\n ultimateMoves.push({\n name: val(`ult-move-${i}-name`) || `Ult Move ${i + 1}`,\n type: val(`ult-move-${i}-type`) || \"attack\",\n description: val(`ult-move-${i}-desc`) || \"Powerful attack\",\n finisher: val(`ult-move-${i}-finisher`) || null,\n });\n }\n return {\n name: val(\"cf-name\") || \"Unnamed\",\n color: val(\"cf-color\") || \"#e74c3c\",\n passive: val(\"cf-passive\") || \"No special passive\",\n wallAttack: val(\"cf-wall\") || \"Slam into wall\",\n wallFinisher: val(\"cf-wall-finisher\") || null,\n moves,\n ultimateName: val(\"cf-ult-name\") || \"Ultimate\",\n ultimateActivation: val(\"cf-ult-activation\") || \"Powerful activation\",\n ultActivationFinisher: val(\"cf-ult-activation-finisher\") || null,\n ultimateMoves,\n };\n }\n\n async _submitCharacter() {\n const data = this._getFormData();\n if (!data.name) { alert(\"Please enter a character name\"); return; }\n\n const loading = document.getElementById(\"cf-loading\");\n const submitBtn = document.getElementById(\"cf-submit\");\n loading.classList.remove(\"hidden\");\n submitBtn.disabled = true;\n\n try {\n const resp = await fetch(\"/api/generate-moveset\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(data),\n });\n const result = await resp.json();\n if (result.error) throw new Error(result.error);\n\n const character = {\n id: Date.now(),\n name: data.name,\n color: data.color,\n rawInput: data,\n moveset: result.moveset,\n };\n this.characters.push(character);\n this.saveCharacters();\n this._closeCreator();\n this._openCharModal();\n } catch (e) {\n alert(\"Error generating moveset: \" + e.message);\n } finally {\n loading.classList.add(\"hidden\");\n submitBtn.disabled = false;\n }\n }\n\n _openSpawn() {\n const sel = document.getElementById(\"spawn-char-select\");\n sel.innerHTML = \"\";\n if (this.characters.length === 0) {\n alert(\"Create a character first!\");\n return;\n }\n this.characters.forEach((c, i) => {\n const opt = document.createElement(\"option\");\n opt.value = i;\n opt.textContent = c.name;\n sel.appendChild(opt);\n });\n document.getElementById(\"spawn-modal\").classList.remove(\"hidden\");\n }\n _closeSpawn() { document.getElementById(\"spawn-modal\").classList.add(\"hidden\"); }\n\n _spawnNPC() {\n const idx = parseInt(document.getElementById(\"spawn-char-select\").value);\n const diff = parseInt(document.getElementById(\"spawn-difficulty\").value);\n const char = this.characters[idx];\n if (!char) return;\n this.game.spawnNPC(char, diff);\n this._closeSpawn();\n }\n\n _renderMoveBar() {\n const bar = document.getElementById(\"move-bar\");\n bar.innerHTML = \"\";\n const player = this.game.player;\n if (!player || !player.character) return;\n\n const moveset = player.inUltimate ? player.character.moveset.ultimate.moves : player.character.moveset.moves;\n const keys = [\"1\", \"2\", \"3\", \"4\"];\n moveset.forEach((move, i) => {\n const slot = document.createElement(\"div\");\n slot.className = \"move-slot\";\n if (player.inUltimate) slot.classList.add(\"ult-move\");\n const cd = player.moveCooldowns[i] || 0;\n const now = performance.now();\n const remaining = Math.max(0, (cd - now) / 1000);\n if (remaining > 0) {\n slot.classList.add(\"on-cooldown\");\n slot.innerHTML = `${keys[i]}${move.name}

${remaining.toFixed(1)}s

`;\n } else {\n slot.classList.add(\"usable\");\n slot.innerHTML = `${keys[i]}${move.name}`;\n }\n bar.appendChild(slot);\n });\n }\n\n updateUltBar(pct, name, ready) {\n document.getElementById(\"ult-bar-fill\").style.width = (pct * 100) + \"%\";\n document.getElementById(\"ult-bar-label\").textContent = name || \"-\";\n const btn = document.getElementById(\"ult-activate-btn\");\n btn.style.display = ready ? \"inline-block\" : \"none\";\n }\n\n updateHealth(pct) {\n document.getElementById(\"health-display\").textContent = Math.max(0, Math.round(pct)) + \"%\";\n }\n\n tick() {\n this._renderMoveBar();\n }\n}\n","createdAt",["D",1775686257800],"branchVersion","branchId","93c9e89c-3397-11f1-bc90-42b51c65c3df","id","93c94bda-3397-11f1-bc90-42b51c65c3df","arena-fighter",["D",1775686153766],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","2D top-down arena fighter with custom characters and AI movesets","imageUrl","25553f5f-081e-40bd-8c3b-27dd5e142a55","pinnedFileId","991eb3cc-3397-11f1-9390-42b51c65c3df","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019d6f23-af11-77de-a3ba-f62c705a87d4","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_101":100,"_108":104},"org",{"_101":100,"_102":-5,"_103":104,"_19":59,"_105":106,"_107":30},"branch",{"_13":90,"_37":91,"_47":46,"_92":48,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":49,"_99":100},"isOwned",9,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","Gubble","handle","displayName","avatar","","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_47":48,"_37":49,"_42":210,"_51":-5,"_52":30,"_53":54,"_55":54,"_56":57,"_58":-5,"_19":59,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":75,"_76":75,"_77":78,"_79":78,"_80":78,"_81":75,"_82":75,"_83":211,"_85":212,"_87":213,"_89":30},"tree",[166,168,172],"files",[166,167,168,169,170,171,172],"counts",{"_156":67,"_157":136,"_158":67,"_159":160,"_161":162},"contents",[130,131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_47":150,"_37":151,"_35":152,"_135":-5,"_45":46,"_44":153,"_137":63,"_42":154,"_13":67,"_39":148,"_40":-5,"_29":30,"_141":-5,"_32":155},{"_47":143,"_37":144,"_35":145,"_135":-5,"_45":46,"_44":146,"_137":63,"_42":147,"_13":67,"_39":148,"_40":-5,"_29":30,"_141":-5,"_32":149},{"_47":133,"_37":134,"_35":61,"_135":-5,"_45":46,"_44":136,"_137":63,"_42":138,"_13":67,"_39":139,"_40":140,"_29":30,"_141":-5,"_32":142},"991eb30e-3397-11f1-9390-42b51c65c3df","main.ts","parentId",1,"latest",["D",1775686162709],"http","import { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n\n if (url.pathname === \"/\" || url.pathname === \"/index.html\") {\n return serveFile(\"/frontend/index.html\", import.meta.url);\n }\n if (url.pathname.startsWith(\"/frontend/\")) {\n return serveFile(url.pathname, import.meta.url);\n }\n\n // AI moveset generation endpoint\n if (url.pathname === \"/api/generate-moveset\" && req.method === \"POST\") {\n const { generateMoveset } = await import(\"./api/generate-moveset.ts\");\n return generateMoveset(req);\n }\n\n return new Response(\"Not found\", { status: 404 });\n}\n","label",[134],"addec720-3397-11f1-8ca8-42b51c65c3df","frontend","f938c88b-1497-4b41-94ce-2ee43f09e339",3,["D",1775686197506],"directory",[144],"a4d9754e-3397-11f1-bc90-42b51c65c3df","api","64090fdf-53d0-455f-9caa-6743d75ee503",2,["D",1775686182387],[151],"pulls","branches","forks","envVars",{"_163":67,"_165":67},"connections",{"_163":67,"_164":67},"count","unfilledCount","emptyCount",{"_47":150,"_37":151,"_35":152,"_135":-5,"_45":46,"_44":153,"_137":63,"_42":207,"_13":67,"_39":148,"_40":-5,"_29":30,"_141":-5,"_174":208,"_32":209},{"_47":199,"_37":200,"_35":201,"_135":152,"_45":46,"_44":153,"_137":63,"_42":202,"_13":67,"_39":203,"_40":204,"_29":30,"_141":-5,"_174":205,"_32":206},{"_47":143,"_37":144,"_35":145,"_135":-5,"_45":46,"_44":146,"_137":63,"_42":196,"_13":67,"_39":148,"_40":-5,"_29":30,"_141":-5,"_174":197,"_32":198},{"_47":189,"_37":190,"_35":191,"_135":145,"_45":46,"_44":146,"_137":63,"_42":192,"_13":67,"_39":26,"_40":193,"_29":30,"_141":-5,"_174":194,"_32":195},{"_47":181,"_37":182,"_35":183,"_135":145,"_45":46,"_44":184,"_137":63,"_42":185,"_13":67,"_39":26,"_40":186,"_29":30,"_141":-5,"_174":187,"_32":188},{"_47":177,"_37":38,"_35":36,"_135":145,"_45":46,"_44":14,"_137":63,"_42":178,"_13":67,"_39":26,"_40":41,"_29":30,"_141":-5,"_174":179,"_32":180},{"_47":133,"_37":134,"_35":61,"_135":-5,"_45":46,"_44":136,"_137":63,"_42":173,"_13":67,"_39":139,"_40":140,"_29":30,"_141":-5,"_174":175,"_32":176},["D",1775686162709],"children",[],[134],"d1cc2d6c-3397-11f1-98aa-42b51c65c3df",["D",1775686257800],[],[144,38],"bf749f64-3397-11f1-9b96-42b51c65c3df","style.css","bf74a036-3397-11f1-9b96-42b51c65c3df",4,["D",1775686227025],"* { box-sizing: border-box; margin: 0; padding: 0; }\nbody { background: #111; overflow: hidden; font-family: 'Segoe UI', sans-serif; color: #fff; }\n\n#game-canvas { display: block; position: fixed; top: 0; left: 0; }\n\n#ui-layer {\n position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\n pointer-events: none; z-index: 10;\n}\n\n#top-bar {\n position: absolute; top: 0; left: 50%; transform: translateX(-50%);\n padding: 6px 18px; font-size: 28px; font-weight: bold;\n color: white; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;\n pointer-events: none; user-select: none;\n}\n\n#top-right-buttons {\n position: absolute; top: 10px; right: 10px;\n display: flex; gap: 8px; pointer-events: all;\n}\n#top-right-buttons button {\n background: rgba(0,0,0,0.7); color: #fff; border: 2px solid #555;\n padding: 6px 14px; border-radius: 6px; cursor: pointer; font-size: 14px;\n transition: background 0.2s;\n}\n#top-right-buttons button:hover { background: rgba(80,80,80,0.9); }\n\n/* Ult bar */\n#ult-bar-container {\n position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%);\n display: flex; align-items: center; gap: 8px; pointer-events: all;\n}\n#ult-bar-label { font-size: 13px; color: #aaa; white-space: nowrap; min-width: 80px; text-align: right; }\n#ult-bar-track {\n width: 200px; height: 14px; background: #222; border: 2px solid #555; border-radius: 7px; overflow: hidden;\n}\n#ult-bar-fill {\n height: 100%; width: 0%; background: linear-gradient(90deg, #8e44ad, #e056fd);\n transition: width 0.3s; border-radius: 7px;\n}\n#ult-activate-btn {\n background: #8e44ad; color: white; border: none; border-radius: 6px;\n padding: 4px 10px; cursor: pointer; font-weight: bold; font-size: 13px;\n animation: pulse 1s infinite;\n}\n@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.6} }\n\n/* Move bar */\n#move-bar {\n position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);\n display: flex; gap: 10px; pointer-events: none;\n}\n.move-slot {\n width: 54px; height: 54px; background: #111; border: 2px solid #555; border-radius: 8px;\n display: flex; flex-direction: column; align-items: center; justify-content: center;\n font-size: 10px; text-align: center; color: #ccc; position: relative;\n user-select: none;\n}\n.move-slot .move-key {\n position: absolute; top: 3px; left: 5px; font-size: 11px; font-weight: bold; color: #888;\n}\n.move-slot .move-name { font-size: 9px; color: #bbb; padding: 0 2px; line-height: 1.2; }\n.move-slot.on-cooldown { opacity: 0.35; }\n.move-slot .cooldown-overlay {\n position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.7);\n border-radius: 0 0 6px 6px; font-size: 12px; text-align: center; color: #ff9; padding: 2px 0;\n}\n.move-slot.ult-move { border-color: #8e44ad; }\n.move-slot.usable { border-color: #2ecc71; background: #0a1a0a; }\n\n/* Dash indicator */\n#dash-indicator {\n position: absolute; bottom: 10px; right: 10px;\n display: flex; flex-direction: column; gap: 6px; align-items: center; pointer-events: none;\n}\n.dash-square {\n width: 28px; height: 28px; border-radius: 4px; border: 2px solid #333;\n position: relative; overflow: hidden;\n}\n.dash-square.dash-normal { background: #f1c40f; }\n.dash-square.dash-down { background: #e74c3c; }\n.dash-fill {\n position: absolute; top: 0; left: 0; width: 100%;\n background: #111; height: 0%;\n transition: none;\n}\n\n/* Modals */\n.modal {\n position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\n background: rgba(0,0,0,0.7); z-index: 100;\n display: flex; align-items: center; justify-content: center;\n}\n.modal.hidden { display: none; }\n.modal-inner {\n background: #1a1a2e; border: 2px solid #555; border-radius: 12px;\n padding: 24px; min-width: 320px; max-width: 420px; position: relative;\n max-height: 90vh; overflow-y: auto;\n}\n.modal-inner.wide { max-width: 560px; min-width: 400px; }\n.modal-inner h2 { margin-bottom: 14px; font-size: 20px; color: #e0e0ff; }\n.modal-inner h3 { margin: 14px 0 8px; font-size: 15px; color: #aac; }\n.modal-inner label { display: block; margin: 8px 0 4px; font-size: 13px; color: #ccc; }\n.modal-inner input[type=text],\n.modal-inner input[type=color],\n.modal-inner textarea,\n.modal-inner select {\n display: block; width: 100%; padding: 6px 8px; margin-top: 3px;\n background: #111; color: #fff; border: 1px solid #444; border-radius: 6px; font-size: 13px;\n}\n.modal-inner input[type=color] { height: 36px; padding: 2px; cursor: pointer; }\n.modal-inner input[type=range] { width: calc(100% - 30px); }\n.modal-inner textarea { resize: vertical; }\n.form-scroll { max-height: 60vh; overflow-y: auto; padding-right: 4px; }\n.form-buttons { display: flex; gap: 10px; margin-top: 14px; }\n.form-buttons button {\n flex: 1; padding: 8px; background: #2d2d5e; color: #fff; border: 1px solid #555;\n border-radius: 8px; cursor: pointer; font-size: 14px; transition: background 0.2s;\n}\n.form-buttons button:hover { background: #3d3d7e; }\n.form-buttons button:first-child { background: #6c3483; }\n.form-buttons button:first-child:hover { background: #8e44ad; }\n.close-btn {\n position: absolute; top: 10px; right: 12px; background: none; border: none;\n color: #aaa; font-size: 18px; cursor: pointer;\n}\n.close-btn:hover { color: #fff; }\n.move-form-block {\n background: #111827; border: 1px solid #333; border-radius: 8px;\n padding: 10px; margin-bottom: 10px;\n}\n.move-form-block h4 { font-size: 13px; color: #9a9; margin-bottom: 6px; }\n#char-list { margin-bottom: 12px; }\n.char-item {\n display: flex; align-items: center; gap: 10px; padding: 8px;\n background: #111; border: 1px solid #333; border-radius: 6px; margin-bottom: 6px;\n cursor: pointer; transition: background 0.2s;\n}\n.char-item:hover { background: #1e1e3e; }\n.char-item.selected { border-color: #8e44ad; background: #1a0a2e; }\n.char-dot { width: 18px; height: 18px; border-radius: 3px; border: 2px solid #000; flex-shrink: 0; }\n#new-char-btn {\n width: 100%; padding: 8px; background: #1a3a1a; border: 1px dashed #2ecc71;\n color: #2ecc71; border-radius: 8px; cursor: pointer; font-size: 14px;\n pointer-events: all;\n}\n#new-char-btn:hover { background: #1e4a1e; }\n#cf-loading { text-align: center; color: #aaa; font-size: 14px; padding: 10px; }\n\n/* Status dot colors */\n.status-dot-green { color: #2ecc71; }\n.status-dot-yellow { color: #f1c40f; }\n.status-dot-red { color: #e74c3c; }\n",[],[144,182],"adde8fc6-3397-11f1-8ca8-42b51c65c3df","index.html","adde90ac-3397-11f1-8ca8-42b51c65c3df",["D",1775686197506],"\n\n\n\n\nArena Fighter\n\n\n\n

\n 100%\n

\n \n \n

\n \n

\n\n\n\n\n\n\n\n\n\n\n\n\n\n",[],[144,190],["D",1775686197506],[169,170,171],[144],"a4d93b9c-3397-11f1-bc90-42b51c65c3df","generate-moveset.ts","a4d93c46-3397-11f1-bc90-42b51c65c3df",["D",1775686182387],"script","export async function generateMoveset(req: Request): Promise {\n const body = await req.json();\n const { name, color, passive, wallAttack, moves, ultimateName, ultimateActivation, ultimateMoves } = body;\n\n const apiKey = Deno.env.get(\"OPENAI_API_KEY\");\n if (!apiKey) {\n return Response.json({ error: \"No OpenAI key configured\" }, { status: 500 });\n }\n\n const prompt = `You are designing a balanced moveset for a 2D top-down arena fighter game.\n\nCharacter name: ${name}\nColor: ${color}\nPassive description: ${passive}\nWall attack description: ${wallAttack}\n\nMoves (4 total):\n${moves.map((m: any, i: number) => `Move ${i + 1} (${m.type}): Name=\"${m.name}\", Description=\"${m.description}\"${m.finisher ? `, Finisher=\"${m.finisher}\"` : \"\"}`).join(\"\\n\")}\n\nUltimate name: ${ultimateName}\nUltimate activation description: ${ultimateActivation}\n\nUltimate moves (4 total):\n${ultimateMoves.map((m: any, i: number) => `UltMove ${i + 1} (${m.type}): Name=\"${m.name}\", Description=\"${m.description}\"${m.finisher ? `, Finisher=\"${m.finisher}\"` : \"\"}`).join(\"\\n\")}\n\nDesign a fully balanced moveset. Return a JSON object with this exact structure:\n{\n \"passive\": {\n \"description\": \"string - what the passive does mechanically\",\n \"effect\": \"string - visual effect description (color, particles, etc)\"\n },\n \"wallAttack\": {\n \"description\": \"string - mechanical description\",\n \"damage\": number,\n \"canHitDown\": boolean,\n \"canHitBlocking\": boolean,\n \"finisherAnimation\": \"string or null\",\n \"effect\": \"string - visual effect\"\n },\n \"moves\": [\n {\n \"name\": \"string\",\n \"type\": \"attack|grab|projectile|parry\",\n \"description\": \"string - full mechanical description\",\n \"damage\": number,\n \"cooldown\": number,\n \"hits\": number,\n \"canHitDown\": boolean,\n \"canHitBlocking\": boolean,\n \"stunDuration\": number,\n \"downDuration\": number,\n \"finisherAnimation\": \"string or null\",\n \"effect\": \"string - visual effect (colors, particles, shape)\",\n \"debris\": boolean,\n \"canBeParried\": boolean\n }\n ],\n \"ultimate\": {\n \"name\": \"string\",\n \"activationDescription\": \"string\",\n \"activationDamage\": number,\n \"activationEffect\": \"string\",\n \"activationFinisher\": \"string or null\",\n \"moves\": [\n {\n \"name\": \"string\",\n \"type\": \"attack|grab|projectile|parry\",\n \"description\": \"string\",\n \"damage\": number,\n \"cooldown\": number,\n \"hits\": number,\n \"canHitDown\": boolean,\n \"canHitBlocking\": boolean,\n \"stunDuration\": number,\n \"downDuration\": number,\n \"finisherAnimation\": \"string or null\",\n \"effect\": \"string\",\n \"debris\": boolean,\n \"canBeParried\": boolean\n }\n ]\n }\n}\n\nRules:\n- Attacks: 5-15 damage, 2-4 hits. Normal cooldown 8-12s\n- Grabs: 10-20 damage, unblockable, 1 initial hit to grab then auto-hits\n- Projectiles: 8-12 damage, 1 hit, travels forward\n- Parries: 0 damage on own, but if parried successfully, gives free attack. Make other moves stronger for characters with parries\n- Ultimate moves: 15-25 damage, shorter cooldowns (4-6s) since ult only lasts 40s\n- Ultimate activation: 20-30 damage\n- Exactly ONE of the 4 ultimate moves can be parried (canBeParried: true), choose the one that makes most sense\n- canHitBlocking: only true for grabs and certain powerful moves\n- canHitDown: true for ground-pound style moves\n- debris: true for explosive or heavy-impact moves\n- Make the moveset feel cohesive with the character concept\n- Finishers should be dramatic animations fitting the character\n- All damage values should be balanced (normal moves) or powerful (ult moves)`;\n\n const resp = await fetch(\"https://api.openai.com/v1/chat/completions\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": `Bearer ${apiKey}`,\n },\n body: JSON.stringify({\n model: \"gpt-4o-mini\",\n messages: [{ role: \"user\", content: prompt }],\n response_format: { type: \"json_object\" },\n temperature: 0.7,\n }),\n });\n\n if (!resp.ok) {\n const err = await resp.text();\n return Response.json({ error: err }, { status: 500 });\n }\n\n const data = await resp.json();\n const moveset = JSON.parse(data.choices[0].message.content);\n return Response.json({ moveset });\n}\n",[],[151,200],["D",1775686182387],[167],[151],["D",1775686153766],{"_101":100,"_108":104},{"_101":100,"_102":-5,"_103":104,"_19":59,"_105":106,"_107":30},{"_13":90,"_37":91,"_47":46,"_92":48,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":49,"_99":100},"ctx",{"_83":-5,"_127":247,"_248":249,"_250":251,"_252":30,"_253":30,"_254":30,"_255":63,"_256":-5,"_257":-7,"_258":-7,"_259":67,"_260":30,"_261":30,"_262":-5,"_263":30,"_264":30,"_265":30,"_266":-5},"ENV",{"_218":219,"_220":221,"_222":91,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246},"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"]

${isUlt ? \"Ult Move\" : \"Move\"} ${i + 1}

Characters

Create Character

Moves (4)

Ultimate

Ultimate Moves (4)

Spawn NPC

Diff · v5