[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_300":301,"_302":303},"routes/_app.x.$handle.$name",{"_107":106,"_38":51,"_115":93,"_33":109,"_13":14,"_116":-5,"_11":117,"_118":119,"_120":121,"_122":123,"_124":125,"_26":-5,"_126":127,"_128":129,"_130":31,"_131":132,"_133":65,"_134":-5,"_135":-5,"_136":137},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_49":50,"_38":51,"_44":52,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":61,"_19":62,"_63":37,"_64":65,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":-5,"_73":-5,"_74":-5,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":86,"_87":88,"_89":90,"_91":31},"version",12,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","b977cb87-4390-4a1a-898d-560f5b45ac00","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":40,"_41":43,"_44":45,"_46":14,"_47":48,"_30":31},"previous",{"_36":37,"_38":34,"_39":40,"_41":42},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","019eaf6f-9553-76bf-ba64-9b5cd705b671","name","fileType","http","content","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer();","import { parseVal, staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst serveStatic = staticHTTPServer();\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n // \"view source\" link -> this val's page\n if (url.pathname === \"/source\") {\n return new Response(null, {\n status: 302,\n headers: { Location: parseVal().links.self.val },\n });\n }\n return serveStatic(req);\n}\n","createdAt",["D",1781059950237],"branchVersion","branchId","36aea0fd-9790-47ce-a5ad-f07e17a77c15","id","b36e83ea-60c2-42d1-abdc-c3785dfd64f7","arcade-game",["D",1781059785998],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Galaxian-style arcade space shooter","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/1e130d76-f5f9-42d2-df67-91517700ff00/square512?exp=1789581599&sig=8bdaadf0b7f2942f23620dd289d9b24f71599ef3d3f6caba05e68d9114961607","625db4ae-1429-4ddc-a596-98267c8d58cf","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019eaf6e-cbb5-7419-a26a-0d3fd965b13f","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_107":106,"_114":109},"org",{"_107":106,"_108":109,"_110":109,"_19":62,"_111":112,"_113":31},"branch",{"_13":92,"_38":93,"_49":48,"_94":50,"_95":96,"_97":98,"_99":56,"_100":101,"_102":103,"_104":51,"_105":106},"isOwned",13,"main","projectId","forkedBranchId","7a3b261a-4186-11f0-ae9b-76b3cceeab13","forkedBranchVersion",76,"forkedProjectPrivacy","forkedProjectId","7a3abcf2-4186-11f0-ae9b-76b3cceeab13","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","hugo_g30","handle","displayName","","avatar","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_49":50,"_38":51,"_44":296,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":61,"_19":62,"_63":37,"_64":65,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":-5,"_73":-5,"_74":-5,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":297,"_87":298,"_89":299,"_91":31},"tree",[213,220,221,222,223,224,225],"files",[213,214,215,216,217,218,219,220,221,222,223,224,225],"counts",{"_203":69,"_204":162,"_205":69,"_206":207,"_208":209},"contents",[148,149,150,151,152,153,154],"upstreamProject",{"_49":101,"_38":144,"_58":145,"_60":61,"_55":56,"_85":146},"upstreamBranch",{"_49":96,"_44":138,"_139":140,"_38":93,"_94":101,"_13":98,"_95":-5,"_97":-5,"_141":142,"_53":-5,"_91":31,"_55":56,"_105":143,"_70":103,"_104":144},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1749070628054],"updatedAt",["D",1779896149804],"lockfileKey","1779896350378-esm.town_v_templates_basic-html-starter@76-main","templates","basic-html-starter","Basic HTML starter template based on Glitch's starter",{"_107":143,"_114":147},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789581599&sig=bed85510764f48a9de82762af4b4ce99c525d0ab75e5b57f327c71a53e183d4a",{"_49":196,"_38":197,"_36":198,"_158":-5,"_47":48,"_46":199,"_160":65,"_44":200,"_13":69,"_39":201,"_41":-5,"_30":31,"_164":-5,"_33":202},{"_49":190,"_38":191,"_36":192,"_158":-5,"_47":48,"_46":162,"_160":31,"_44":193,"_13":69,"_39":26,"_41":194,"_30":31,"_164":-5,"_33":195},{"_49":183,"_38":184,"_36":185,"_158":-5,"_47":48,"_46":186,"_160":65,"_44":187,"_13":162,"_39":26,"_41":188,"_30":31,"_164":-5,"_33":189},{"_49":176,"_38":177,"_36":178,"_158":-5,"_47":48,"_46":179,"_160":65,"_44":180,"_13":162,"_39":26,"_41":181,"_30":31,"_164":-5,"_33":182},{"_49":173,"_38":34,"_36":37,"_158":-5,"_47":48,"_46":14,"_160":65,"_44":174,"_13":162,"_39":40,"_41":43,"_30":31,"_164":-5,"_33":175},{"_49":166,"_38":167,"_36":168,"_158":-5,"_47":48,"_46":162,"_160":65,"_44":169,"_13":69,"_39":170,"_41":171,"_30":31,"_164":-5,"_33":172},{"_49":155,"_38":156,"_36":157,"_158":-5,"_47":48,"_46":159,"_160":65,"_44":161,"_13":162,"_39":26,"_41":163,"_30":31,"_164":-5,"_33":165},"22ca1876-f37a-4867-9b0b-f93050ca25f4","style.css","019eaf6f-9553-76bf-ba64-a16ed2dac2ac","parentId",4,"latest",["D",1781059827033],1,"@import url(\"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap\");\n\n* { box-sizing: border-box; margin: 0; padding: 0; }\n\nhtml, body {\n height: 100%;\n background: #000;\n color: #fff;\n font-family: \"Press Start 2P\", monospace;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n#game-wrap {\n position: relative;\n width: 480px;\n max-width: 100vw;\n aspect-ratio: 480 / 640;\n}\n\ncanvas {\n display: block;\n width: 100%;\n height: 100%;\n background: #000;\n image-rendering: pixelated;\n border: 2px solid #1b2a4a;\n box-shadow: 0 0 24px #0a1a3a inset, 0 0 30px #11224400;\n}\n\n/* ---- overlay screens ---- */\n.screen {\n position: absolute;\n inset: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 22px;\n text-align: center;\n background: rgba(0, 0, 6, 0.78);\n padding: 20px;\n}\n.screen.hidden { display: none; }\n\n.screen h1 {\n font-size: 28px;\n color: #ffe14d;\n letter-spacing: 2px;\n text-shadow: 0 0 12px #ff8a00;\n}\n.screen p { font-size: 11px; line-height: 1.8; color: #9fd0ff; }\n.controls p { color: #6fae9f; font-size: 9px; }\n.hi { color: #ff6f8f !important; }\n\n.blink { animation: blink 1s steps(2, start) infinite; color: #33ff66 !important; }\n@keyframes blink { to { visibility: hidden; } }\n\nbutton {\n font-family: inherit;\n font-size: 12px;\n color: #001b0a;\n background: #33ff66;\n border: none;\n padding: 14px 26px;\n cursor: pointer;\n letter-spacing: 1px;\n box-shadow: 0 4px 0 #178a37;\n transition: transform .05s;\n}\nbutton:active { transform: translateY(3px); box-shadow: 0 1px 0 #178a37; }\n\n/* ---- touch controls ---- */\n#touch-controls {\n position: absolute;\n left: 0; right: 0; bottom: 8px;\n display: none;\n justify-content: space-between;\n padding: 0 10px;\n gap: 8px;\n}\n.tbtn {\n flex: 1;\n font-size: 14px;\n padding: 18px 0;\n background: rgba(51, 255, 102, 0.15);\n color: #33ff66;\n box-shadow: none;\n border: 1px solid #33ff66;\n}\n.tbtn#t-fire { background: rgba(255, 111, 143, 0.15); color: #ff6f8f; border-color: #ff6f8f; }\n\n#source-link {\n position: fixed;\n bottom: 6px;\n right: 8px;\n font-size: 8px;\n color: #335;\n text-decoration: none;\n}\n#source-link:hover { color: #88a; }\n\n/* show touch controls on coarse pointers */\n@media (pointer: coarse) {\n #touch-controls { display: flex; }\n}\n","label",[156],"c6650258-5ba9-4bc6-883d-f989e6a44028","script.js","019eaf6f-9553-76bf-ba64-9eb5514c1da9",["D",1781059785998],"script","/* If you're feeling fancy you can add interactivity\n to your site with Javascript.\n Note: TypeScript won't work in this file. */\n\n// prints \"hi\" in the browser's dev tools console\nconsole.log(\"hi\");",[167],"6419963c-8d2c-4320-b3a2-8ddc35e2fa84",["D",1781059950237],[34],"8a5c8f00-6020-47da-bf66-e62c994d3ca1","index.html","019eaf6f-9553-76bf-ba64-96950754f230",3,["D",1781059815002],"\n\n \n GALAXIAN\n \n \n \n \n \n \n \n

\n\n

GALAXIAN

PRESS START

← → / A D MOVE

SPACE FIRE

\n \n

HI-SCORE 0

\n\n

GAME OVER

SCORE 0

HI-SCORE 0

\n \n

\n\n \n

\n \n \n \n

\n\n view source\n\n \n \n\n",[177],"fccf64d9-a55e-4407-afde-c9bc3538bf44","favicon.svg","019eaf6f-9553-76bf-ba64-9002f246cfb1",2,["D",1781059806046],"\n",[184],"1a360d00-27d2-4ddc-bd68-0633952fc44c","README.md","019eaf6f-9553-76bf-ba64-8c55f05eb563",["D",1781059785998],"# Welcome to Val Town\n\nVal Town is the simplest way to get code running in the cloud.\n\nThis is a basic HTML starter template.\n\n## Picking a starter\n\n| Starter | When to pick it |\n| --- | --- |\n| **[`basic-html-starter`](https://www.val.town/x/templates/basic-html-starter)** *(you're here)* | Static HTML pages. Sprinkle of vanilla JS. No server-side rendering. |\n| [`hono-jsx-starter`](https://www.val.town/x/templates/hono-jsx-starter) | Dynamic server-rendered HTML with JSX. API routes. No React, no SPA. |\n| [`react-hono-starter`](https://www.val.town/x/templates/react-hono-starter) | Client-side React SPA with a Hono API backend. |\n\n## Getting started\n\n1. Click `Remix` on this val to get a copy of it\n2. Click `main.tsx` to view the website\n3. Saves to any file will instantly deploy\n\n### ← main.tsx\n\nThis HTTP server hosts all of the other files in this val.\n\nTo view your site in a new tab, click on the `...` menu of `main.tsx` to copy\nyour live HTTP endpoint.\n\n### ← README.md\n\nThat's this file, where you can tell people what your cool website does and how\nyou built it.\n\n### ← index.html\n\nWhere you'll write the content of your website.\n\n### ← style.css\n\nCSS files add styling rules to your content.\n\n### ← script.js\n\nIf you're feeling fancy you can add interactivity to your site with JavaScript.\n\n### ← favicon.svg\n\nThe icon that shows up in the brower tab. Tip: AIs are pretty good at writing\nSVG favicons.\n\n---\n\nThis template was inspired by https://glitch.new/blank.\n",[191],"6f442e9e-eda8-4f6e-8ff8-be4264e47f36","game","6914c4dc-ca5a-411b-9371-867d828a93f9",5,["D",1781059845842],"directory",[197],"pulls","branches","forks","envVars",{"_210":69,"_212":69},"connections",{"_210":69,"_211":69},"count","unfilledCount","emptyCount",{"_49":196,"_38":197,"_36":198,"_158":-5,"_47":48,"_46":199,"_160":65,"_44":293,"_13":69,"_39":201,"_41":-5,"_30":31,"_164":-5,"_227":294,"_33":295},{"_49":285,"_38":286,"_36":287,"_158":198,"_47":48,"_46":288,"_160":65,"_44":289,"_13":69,"_39":170,"_41":290,"_30":31,"_164":-5,"_227":291,"_33":292},{"_49":277,"_38":278,"_36":279,"_158":198,"_47":48,"_46":280,"_160":65,"_44":281,"_13":69,"_39":170,"_41":282,"_30":31,"_164":-5,"_227":283,"_33":284},{"_49":269,"_38":270,"_36":271,"_158":198,"_47":48,"_46":272,"_160":65,"_44":273,"_13":69,"_39":170,"_41":274,"_30":31,"_164":-5,"_227":275,"_33":276},{"_49":261,"_38":262,"_36":263,"_158":198,"_47":48,"_46":264,"_160":65,"_44":265,"_13":69,"_39":170,"_41":266,"_30":31,"_164":-5,"_227":267,"_33":268},{"_49":253,"_38":254,"_36":255,"_158":198,"_47":48,"_46":256,"_160":65,"_44":257,"_13":162,"_39":170,"_41":258,"_30":31,"_164":-5,"_227":259,"_33":260},{"_49":245,"_38":246,"_36":247,"_158":198,"_47":48,"_46":248,"_160":65,"_44":249,"_13":69,"_39":170,"_41":250,"_30":31,"_164":-5,"_227":251,"_33":252},{"_49":190,"_38":191,"_36":192,"_158":-5,"_47":48,"_46":162,"_160":31,"_44":242,"_13":69,"_39":26,"_41":194,"_30":31,"_164":-5,"_227":243,"_33":244},{"_49":183,"_38":184,"_36":185,"_158":-5,"_47":48,"_46":186,"_160":65,"_44":239,"_13":162,"_39":26,"_41":188,"_30":31,"_164":-5,"_227":240,"_33":241},{"_49":176,"_38":177,"_36":178,"_158":-5,"_47":48,"_46":179,"_160":65,"_44":236,"_13":162,"_39":26,"_41":181,"_30":31,"_164":-5,"_227":237,"_33":238},{"_49":173,"_38":34,"_36":37,"_158":-5,"_47":48,"_46":14,"_160":65,"_44":233,"_13":162,"_39":40,"_41":43,"_30":31,"_164":-5,"_227":234,"_33":235},{"_49":166,"_38":167,"_36":168,"_158":-5,"_47":48,"_46":162,"_160":65,"_44":230,"_13":69,"_39":170,"_41":171,"_30":31,"_164":-5,"_227":231,"_33":232},{"_49":155,"_38":156,"_36":157,"_158":-5,"_47":48,"_46":159,"_160":65,"_44":226,"_13":162,"_39":26,"_41":163,"_30":31,"_164":-5,"_227":228,"_33":229},["D",1781059827033],"children",[],[156],["D",1781059785998],[],[167],["D",1781059950237],[],[34],["D",1781059815002],[],[177],["D",1781059806046],[],[184],["D",1781059785998],[],[191],"eab1db75-183b-40ee-8d36-d17108bb74ca","starfield.js","38bbd878-6477-11f1-a5ee-1607ee4eb77e",8,["D",1781059864084],"// Parallax scrolling starfield background.\nexport class Starfield {\n constructor(width, height, count = 90) {\n this.w = width;\n this.h = height;\n this.stars = [];\n for (let i = 0; i < count; i++) {\n const layer = Math.floor(Math.random() * 3); // 0 = far, 2 = near\n this.stars.push({\n x: Math.random() * width,\n y: Math.random() * height,\n layer,\n size: layer === 2 ? 2 : 1,\n speed: 12 + layer * 28, // px/sec\n twinkle: Math.random() * Math.PI * 2,\n });\n }\n }\n\n update(dt) {\n for (const s of this.stars) {\n s.y += s.speed * dt;\n s.twinkle += dt * 6;\n if (s.y > this.h) {\n s.y -= this.h;\n s.x = Math.random() * this.w;\n }\n }\n }\n\n draw(ctx) {\n for (const s of this.stars) {\n const a = 0.5 + 0.5 * Math.sin(s.twinkle);\n const shade = 140 + s.layer * 38;\n ctx.fillStyle = `rgba(${shade}, ${shade}, 255, ${a.toFixed(2)})`;\n ctx.fillRect(s.x | 0, s.y | 0, s.size, s.size);\n }\n }\n}\n",[],[197,246],"e99cce44-8a1d-48ad-9f32-a4289951e480","sprites.js","2ddcb080-6477-11f1-8e27-1607ee4eb77e",7,["D",1781059858989],"// Pixel-art sprite drawing helpers. Everything is drawn procedurally\n// from small grids so we don't depend on external image assets.\n\n// Draw a sprite from a string grid. Each char maps to a color via `palette`.\n// \".\" = transparent. Cells are `scale` px each, centered on (cx, cy).\nexport function drawGrid(ctx, grid, palette, cx, cy, scale) {\n const rows = grid;\n const h = rows.length;\n const w = rows[0].length;\n const ox = cx - (w * scale) / 2;\n const oy = cy - (h * scale) / 2;\n for (let y = 0; y < h; y++) {\n for (let x = 0; x < w; x++) {\n const ch = rows[y][x];\n if (ch === \".\") continue;\n ctx.fillStyle = palette[ch];\n ctx.fillRect(ox + x * scale, oy + y * scale, scale, scale);\n }\n }\n}\n\n// Player ship\nconst SHIP = [\n \"....G....\",\n \"....G....\",\n \"...GGG...\",\n \"...GWG...\",\n \"..GGGGG..\",\n \".GGGGGGG.\",\n \"GGGGGGGGG\",\n \"G.GGGGG.G\",\n \"G.G...G.G\",\n];\nconst SHIP_PAL = { G: \"#33ff66\", W: \"#bfffff\" };\n\nexport function drawShip(ctx, cx, cy, scale = 3) {\n drawGrid(ctx, SHIP, SHIP_PAL, cx, cy, scale);\n}\n\n// Three alien types, each with a 2-frame animation for a little wiggle.\nconst ALIENS = {\n // bottom-row grunt (red)\n grunt: {\n pal: { B: \"#ff4466\", E: \"#ffffff\" },\n frames: [\n [\n \".B.....B.\",\n \"..B...B..\",\n \".BBBBBBB.\",\n \"BB.BBB.BB\",\n \"BBBBBBBBB\",\n \"B.BBBBB.B\",\n \"B.B...B.B\",\n \"...B.B...\",\n ],\n [\n \"B.......B\",\n \".B.....B.\",\n \".BBBBBBB.\",\n \"BB.BBB.BB\",\n \"BBBBBBBBB\",\n \"B.BBBBB.B\",\n \".B.B.B.B.\",\n \"B.......B\",\n ],\n ],\n },\n // mid escort (cyan)\n escort: {\n pal: { B: \"#33ddff\", E: \"#ffffff\" },\n frames: [\n [\n \"..B...B..\",\n \"...BBB...\",\n \"..BBBBB..\",\n \".BB.B.BB.\",\n \".BBBBBBB.\",\n \"..B.B.B..\",\n \".B.....B.\",\n \"B.......B\",\n ],\n [\n \"..B...B..\",\n \"B..BBB..B\",\n \".BBBBBBB.\",\n \".BB.B.BB.\",\n \".BBBBBBB.\",\n \"..B.B.B..\",\n \"..B...B..\",\n \".B.....B.\",\n ],\n ],\n },\n // flagship (yellow, worth the most)\n flagship: {\n pal: { B: \"#ffd24d\", Y: \"#ff8a00\", E: \"#ffffff\" },\n frames: [\n [\n \"...YYY...\",\n \"..YBBBY..\",\n \".YBBBBBY.\",\n \"YBBYBYBBY\",\n \"YBBBBBBBY\",\n \".YBBBBBY.\",\n \"..Y.B.Y..\",\n \".Y.....Y.\",\n ],\n [\n \"...YYY...\",\n \"..YBBBY..\",\n \".YBBBBBY.\",\n \"YBBYBYBBY\",\n \"YBBBBBBBY\",\n \".YBBBBBY.\",\n \"..Y.B.Y..\",\n \"Y.......Y\",\n ],\n ],\n },\n};\n\nexport function drawAlien(ctx, type, cx, cy, frame, scale = 3) {\n const def = ALIENS[type] || ALIENS.grunt;\n const grid = def.frames[frame % def.frames.length];\n drawGrid(ctx, grid, def.pal, cx, cy, scale);\n}\n\nexport const ALIEN_TYPES = Object.keys(ALIENS);\n",[],[197,254],"ebd4a7c8-44c5-4039-a4a2-393495dc5784","main.js","64781684-6477-11f1-84b4-1607ee4eb77e",11,["D",1781059937460],"import { Alien, Bullet, Explosion, hit, Player } from \"./entities.js\";\nimport { Starfield } from \"./starfield.js\";\nimport { sfx, unlock } from \"./audio.js\";\nimport { clearEdges, initTouch, keys, onStart } from \"./input.js\";\n\nconst canvas = document.getElementById(\"game\");\nconst ctx = canvas.getContext(\"2d\");\nconst W = canvas.width;\nconst H = canvas.height;\nctx.imageSmoothingEnabled = false;\n\nconst HI_KEY = \"galaxian_hi\";\nlet hiScore = Number(localStorage.getItem(HI_KEY) || 0);\n\n// ---- formation layout ----\nconst COLS = 8;\nconst ROWS = 5;\nconst CELL_W = 40;\nconst CELL_H = 36;\nconst FORM_TOP = 70;\n// alien type + points by row (top rows worth more)\nconst ROW_DEF = [\n { type: \"flagship\", points: 60 },\n { type: \"escort\", points: 40 },\n { type: \"escort\", points: 40 },\n { type: \"grunt\", points: 20 },\n { type: \"grunt\", points: 20 },\n];\n\nconst State = { MENU: 0, PLAYING: 1, DYING: 2, OVER: 3, CLEAR: 4 };\n\nconst game = {\n state: State.MENU,\n score: 0,\n lives: 3,\n level: 1,\n player: null,\n aliens: [],\n pBullets: [],\n eBullets: [],\n booms: [],\n formation: { offsetX: 0, offsetY: 0, dir: 1, t: 0 },\n diveTimer: 1.5,\n respawnT: 0,\n clearT: 0,\n nextLife: 5000,\n};\n\nconst stars = new Starfield(W, H);\n\n// ---- UI elements ----\nconst overlay = document.getElementById(\"overlay\");\nconst gameover = document.getElementById(\"gameover\");\nconst elHi = document.getElementById(\"hi-score\");\nconst elHi2 = document.getElementById(\"hi-score-2\");\nconst elFinal = document.getElementById(\"final-score\");\nelHi.textContent = hiScore;\n\nfunction buildFormation(level) {\n const aliens = [];\n const formW = COLS * CELL_W;\n const startX = (W - formW) / 2 + CELL_W / 2;\n for (let r = 0; r < ROWS; r++) {\n for (let c = 0; c < COLS; c++) {\n const def = ROW_DEF[r];\n const hx = startX + c * CELL_W;\n const hy = FORM_TOP + r * CELL_H;\n aliens.push(new Alien(def.type, c, r, hx, hy, def.points));\n }\n }\n return aliens;\n}\n\nfunction startGame() {\n game.state = State.PLAYING;\n game.score = 0;\n game.lives = 3;\n game.level = 1;\n game.nextLife = 5000;\n resetLevel();\n overlay.classList.add(\"hidden\");\n gameover.classList.add(\"hidden\");\n}\n\nfunction resetLevel() {\n game.player = new Player(W, H);\n game.aliens = buildFormation(game.level);\n game.pBullets = [];\n game.eBullets = [];\n game.booms = [];\n game.formation = { offsetX: 0, offsetY: 0, dir: 1, t: 0 };\n game.diveTimer = Math.max(0.6, 1.8 - game.level * 0.12);\n}\n\nfunction nextLevel() {\n game.level++;\n sfx.levelUp();\n game.state = State.CLEAR;\n game.clearT = 1.4;\n}\n\nfunction endGame() {\n game.state = State.OVER;\n if (game.score > hiScore) {\n hiScore = game.score;\n localStorage.setItem(HI_KEY, String(hiScore));\n }\n elHi.textContent = hiScore;\n elHi2.textContent = hiScore;\n elFinal.textContent = game.score;\n gameover.classList.remove(\"hidden\");\n}\n\nfunction addScore(n) {\n game.score += n;\n if (game.score >= game.nextLife) {\n game.lives++;\n game.nextLife += 8000;\n sfx.extraLife();\n }\n}\n\n// ---- update ----\nfunction update(dt) {\n stars.update(dt);\n\n if (game.state === State.CLEAR) {\n game.clearT -= dt;\n if (game.clearT <= 0) {\n resetLevel();\n game.state = State.PLAYING;\n }\n return;\n }\n\n if (game.state === State.DYING) {\n game.respawnT -= dt;\n game.booms.forEach((b) => b.update(dt));\n game.booms = game.booms.filter((b) => !b.dead);\n if (game.respawnT <= 0) {\n if (game.lives <= 0) {\n endGame();\n } else {\n game.player = new Player(W, H);\n game.eBullets = [];\n game.state = State.PLAYING;\n }\n }\n return;\n }\n\n if (game.state !== State.PLAYING) return;\n\n // formation sway\n const f = game.formation;\n f.t += dt;\n f.offsetX = Math.sin(f.t * 0.8) * 22;\n\n // player\n game.player.update(dt, keys);\n if (keys.fire && game.player.canFire()) {\n game.player.cooldown = 0.32;\n game.pBullets.push(new Bullet(game.player.x, game.player.y - 16, -560, \"#fff\"));\n sfx.shoot();\n }\n\n // aliens\n const formAliens = game.aliens.filter((a) => a.state === \"formation\");\n game.diveTimer -= dt;\n if (game.diveTimer <= 0 && formAliens.length > 0) {\n const a = formAliens[Math.floor(Math.random() * formAliens.length)];\n const dir = a.homeX < W / 2 ? 1 : -1;\n a.startDive(game.player.x, H, dir);\n sfx.dive();\n game.diveTimer = Math.max(0.5, 1.6 - game.level * 0.1) * (0.6 + Math.random());\n }\n\n for (const a of game.aliens) {\n a.update(dt, game.formation);\n // diving aliens occasionally shoot down at the player\n if (a.state === \"diving\") {\n a.shootTimer -= dt;\n if (a.shootTimer <= 0) {\n a.shootTimer = 0.5 + Math.random();\n game.eBullets.push(new Bullet(a.x, a.y + 12, 300, \"#ff7766\"));\n }\n }\n }\n\n // bullets\n game.pBullets.forEach((b) => b.update(dt));\n game.eBullets.forEach((b) => b.update(dt));\n game.pBullets = game.pBullets.filter((b) => b.y > -20 && !b.dead);\n game.eBullets = game.eBullets.filter((b) => b.y < H + 20 && !b.dead);\n\n // player bullets vs aliens\n for (const b of game.pBullets) {\n for (const a of game.aliens) {\n if (a.dead) continue;\n if (hit(b, a)) {\n b.dead = true;\n a.dead = true;\n const mult = a.state === \"diving\" ? 2 : 1;\n addScore(a.points * mult);\n game.booms.push(new Explosion(a.x, a.y, colorFor(a.type)));\n sfx.explosion();\n break;\n }\n }\n }\n game.aliens = game.aliens.filter((a) => !a.dead);\n\n // enemy bullets / diving aliens vs player\n if (game.player && !game.player.dead) {\n const collide =\n game.eBullets.some((b) => hit(b, game.player)) ||\n game.aliens.some((a) => a.state === \"diving\" && hit(a, game.player));\n if (collide) killPlayer();\n }\n\n // explosions\n game.booms.forEach((b) => b.update(dt));\n game.booms = game.booms.filter((b) => !b.dead);\n\n // win condition\n if (game.aliens.length === 0) nextLevel();\n}\n\nfunction colorFor(type) {\n return type === \"flagship\" ? \"#ffd24d\" : type === \"escort\" ? \"#33ddff\" : \"#ff4466\";\n}\n\nfunction killPlayer() {\n game.lives--;\n game.booms.push(new Explosion(game.player.x, game.player.y, \"#33ff66\"));\n game.player.dead = true;\n sfx.playerHit();\n game.state = State.DYING;\n game.respawnT = 1.3;\n}\n\n// ---- draw ----\nfunction draw() {\n ctx.fillStyle = \"#000\";\n ctx.fillRect(0, 0, W, H);\n stars.draw(ctx);\n\n if (game.state === State.PLAYING || game.state === State.DYING || game.state === State.CLEAR) {\n game.aliens.forEach((a) => a.draw(ctx));\n game.pBullets.forEach((b) => b.draw(ctx));\n game.eBullets.forEach((b) => b.draw(ctx));\n game.booms.forEach((b) => b.draw(ctx));\n if (game.player && !game.player.dead) game.player.draw(ctx);\n drawHUD();\n if (game.state === State.CLEAR) drawCenter(`LEVEL ${game.level}`, \"#ffe14d\");\n } else {\n drawHUD();\n }\n}\n\nfunction drawHUD() {\n ctx.fillStyle = \"#fff\";\n ctx.font = \"10px 'Press Start 2P', monospace\";\n ctx.textBaseline = \"top\";\n ctx.textAlign = \"left\";\n ctx.fillText(\"SCORE \" + String(game.score).padStart(5, \"0\"), 10, 10);\n ctx.textAlign = \"center\";\n ctx.fillStyle = \"#ff6f8f\";\n ctx.fillText(\"HI \" + String(hiScore).padStart(5, \"0\"), W / 2, 10);\n ctx.textAlign = \"right\";\n ctx.fillText(\"LV \" + game.level, W - 10, 10);\n // lives as little ships\n ctx.textAlign = \"left\";\n ctx.fillStyle = \"#33ff66\";\n for (let i = 0; i < game.lives; i++) {\n ctx.fillText(\"▲\", 12 + i * 18, H - 22);\n }\n}\n\nfunction drawCenter(text, color) {\n ctx.fillStyle = color;\n ctx.font = \"20px 'Press Start 2P', monospace\";\n ctx.textAlign = \"center\";\n ctx.textBaseline = \"middle\";\n ctx.fillText(text, W / 2, H / 2);\n}\n\n// ---- main loop ----\nlet last = performance.now();\nfunction loop(now) {\n let dt = (now - last) / 1000;\n last = now;\n if (dt > 0.05) dt = 0.05; // clamp big frame gaps\n update(dt);\n draw();\n clearEdges();\n requestAnimationFrame(loop);\n}\n\n// ---- wiring ----\nfunction begin() {\n if (game.state === State.PLAYING || game.state === State.DYING) return;\n unlock();\n startGame();\n}\ndocument.getElementById(\"start-btn\").addEventListener(\"click\", begin);\ndocument.getElementById(\"again-btn\").addEventListener(\"click\", begin);\nonStart(begin);\ninitTouch();\n\nrequestAnimationFrame(loop);\n",[],[197,262],"5f8c1ca7-94d7-4780-aa5c-586a2dbd3ae4","input.js","332c05f4-6477-11f1-a5ee-1607ee4eb77e",6,["D",1781059854752],"// Centralized input: keyboard + on-screen touch buttons.\n// Exposes a small reactive `keys` object the game loop reads each frame.\n\nexport const keys = {\n left: false,\n right: false,\n fire: false,\n // edge-triggered \"fire was just pressed\" used for menus / single shots\n firePressed: false,\n};\n\nconst LEFT = new Set([\"ArrowLeft\", \"KeyA\"]);\nconst RIGHT = new Set([\"ArrowRight\", \"KeyD\"]);\nconst FIRE = new Set([\"Space\", \"KeyW\", \"ArrowUp\"]);\n\nlet onStartCb = null;\nexport function onStart(cb) {\n onStartCb = cb;\n}\n\naddEventListener(\"keydown\", (e) => {\n if (LEFT.has(e.code)) keys.left = true;\n if (RIGHT.has(e.code)) keys.right = true;\n if (FIRE.has(e.code)) {\n if (!keys.fire) keys.firePressed = true;\n keys.fire = true;\n e.preventDefault();\n }\n if (e.code === \"Enter\" && onStartCb) onStartCb();\n});\n\naddEventListener(\"keyup\", (e) => {\n if (LEFT.has(e.code)) keys.left = false;\n if (RIGHT.has(e.code)) keys.right = false;\n if (FIRE.has(e.code)) keys.fire = false;\n});\n\n// ---- touch controls ----\nfunction bindHold(id, on, off) {\n const el = document.getElementById(id);\n if (!el) return;\n const press = (e) => { e.preventDefault(); on(); };\n const release = (e) => { e.preventDefault(); off(); };\n el.addEventListener(\"touchstart\", press, { passive: false });\n el.addEventListener(\"touchend\", release, { passive: false });\n el.addEventListener(\"touchcancel\", release, { passive: false });\n el.addEventListener(\"mousedown\", press);\n el.addEventListener(\"mouseup\", release);\n el.addEventListener(\"mouseleave\", release);\n}\n\nexport function initTouch() {\n bindHold(\"t-left\", () => (keys.left = true), () => (keys.left = false));\n bindHold(\"t-right\", () => (keys.right = true), () => (keys.right = false));\n bindHold(\n \"t-fire\",\n () => { keys.firePressed = true; keys.fire = true; },\n () => (keys.fire = false),\n );\n}\n\n// Call at the end of each frame to clear edge-triggered flags.\nexport function clearEdges() {\n keys.firePressed = false;\n}\n",[],[197,270],"747bdc9f-bc1b-4183-ad1c-95ce4c07253b","entities.js","4e9bd968-6477-11f1-bc88-1607ee4eb77e",10,["D",1781059900784],"// Game entities: player, alien formation, diving aliens, bullets, explosions.\nimport { drawShip, drawAlien } from \"./sprites.js\";\n\nexport const SCALE = 3;\n\n// ---------------------------------------------------------------- Player\nexport class Player {\n constructor(w, h) {\n this.w = 24;\n this.h = 24;\n this.x = w / 2;\n this.y = h - 50;\n this.bounds = { min: 18, max: w - 18 };\n this.speed = 260; // px/sec\n this.cooldown = 0;\n this.dead = false;\n }\n update(dt, keys) {\n if (keys.left) this.x -= this.speed * dt;\n if (keys.right) this.x += this.speed * dt;\n this.x = Math.max(this.bounds.min, Math.min(this.bounds.max, this.x));\n if (this.cooldown > 0) this.cooldown -= dt;\n }\n canFire() {\n return this.cooldown <= 0;\n }\n draw(ctx) {\n drawShip(ctx, this.x, this.y, SCALE);\n }\n}\n\n// ---------------------------------------------------------------- Bullet\nexport class Bullet {\n constructor(x, y, vy, color) {\n this.x = x;\n this.y = y;\n this.vy = vy;\n this.color = color;\n this.w = 3;\n this.h = 10;\n this.dead = false;\n }\n update(dt) {\n this.y += this.vy * dt;\n }\n draw(ctx) {\n ctx.fillStyle = this.color;\n ctx.fillRect(this.x - this.w / 2, this.y - this.h / 2, this.w, this.h);\n }\n}\n\n// ---------------------------------------------------------------- Alien\n// States: \"formation\" (sitting in the grid, swaying) and \"diving\"\n// (swooping toward the player along a curved path, Galaxian-style).\nexport class Alien {\n constructor(type, col, row, homeX, homeY, points) {\n this.type = type;\n this.col = col;\n this.row = row;\n this.homeX = homeX;\n this.homeY = homeY;\n this.x = homeX;\n this.y = homeY;\n this.points = points;\n this.w = 24;\n this.h = 24;\n this.state = \"formation\";\n this.dead = false;\n this.frame = 0;\n this.diveT = 0;\n this.path = null;\n this.shootTimer = 0.4 + Math.random() * 1.2;\n }\n\n // Build a curved dive path from the current formation slot.\n startDive(targetX, height, dir) {\n this.state = \"diving\";\n this.diveT = 0;\n const startX = this.x;\n const startY = this.y;\n // Control points for a quadratic-ish swoop: peel out sideways, then\n // sweep down across the screen toward the player's x.\n this.path = {\n sx: startX,\n sy: startY,\n // mid control point pushes them out to the side\n cx: startX + dir * (80 + Math.random() * 70),\n cy: startY + 60,\n // end below the screen, biased toward the target\n ex: targetX + (Math.random() * 80 - 40),\n ey: height + 40,\n };\n }\n\n update(dt, formation) {\n this.frame = (this.frame + dt * 4) % 2;\n if (this.state === \"formation\") {\n this.x = this.homeX + formation.offsetX;\n this.y = this.homeY + formation.offsetY;\n } else if (this.state === \"diving\") {\n this.diveT += dt * 0.55;\n const t = this.diveT;\n if (t >= 1) {\n // Looped off the bottom: respawn at top, glide back to formation slot.\n this.state = \"returning\";\n this.y = -20;\n this.x = this.homeX + formation.offsetX;\n return;\n }\n const p = this.path;\n const mt = 1 - t;\n // Quadratic bezier\n this.x = mt * mt * p.sx + 2 * mt * t * p.cx + t * t * p.ex;\n this.y = mt * mt * p.sy + 2 * mt * t * p.cy + t * t * p.ey;\n } else if (this.state === \"returning\") {\n const tx = this.homeX + formation.offsetX;\n const ty = this.homeY + formation.offsetY;\n const dx = tx - this.x;\n const dy = ty - this.y;\n const d = Math.hypot(dx, dy);\n if (d < 4) {\n this.state = \"formation\";\n } else {\n const sp = 200 * dt;\n this.x += (dx / d) * Math.min(sp, d);\n this.y += (dy / d) * Math.min(sp, d);\n }\n }\n }\n\n draw(ctx) {\n // tilt diving aliens slightly toward their travel direction\n drawAlien(ctx, this.type, this.x, this.y, Math.floor(this.frame), SCALE);\n }\n}\n\n// ---------------------------------------------------------------- Explosion\nexport class Explosion {\n constructor(x, y, color = \"#ffcc33\") {\n this.x = x;\n this.y = y;\n this.color = color;\n this.t = 0;\n this.dur = 0.45;\n this.dead = false;\n this.parts = [];\n const n = 10;\n for (let i = 0; i < n; i++) {\n const a = (i / n) * Math.PI * 2 + Math.random() * 0.5;\n const s = 40 + Math.random() * 90;\n this.parts.push({ vx: Math.cos(a) * s, vy: Math.sin(a) * s, x: 0, y: 0 });\n }\n }\n update(dt) {\n this.t += dt;\n if (this.t >= this.dur) this.dead = true;\n for (const p of this.parts) {\n p.x += p.vx * dt;\n p.y += p.vy * dt;\n }\n }\n draw(ctx) {\n const k = 1 - this.t / this.dur;\n ctx.globalAlpha = Math.max(0, k);\n ctx.fillStyle = this.color;\n const size = 3 * k + 1;\n for (const p of this.parts) {\n ctx.fillRect(this.x + p.x - size / 2, this.y + p.y - size / 2, size, size);\n }\n ctx.globalAlpha = 1;\n }\n}\n\n// Axis-aligned bounding box overlap test (entities are center-anchored).\nexport function hit(a, b) {\n return (\n Math.abs(a.x - b.x) < (a.w + b.w) / 2 &&\n Math.abs(a.y - b.y) < (a.h + b.h) / 2\n );\n}\n",[],[197,278],"9eb7a2c3-303b-4548-b0fc-a0c080628192","audio.js","3f7b955e-6477-11f1-84b4-1607ee4eb77e",9,["D",1781059875408],"// Tiny WebAudio sound engine — all sounds synthesized, no asset files.\nlet ctx = null;\nlet enabled = true;\n\nfunction ac() {\n if (!ctx) {\n const AC = window.AudioContext || window.webkitAudioContext;\n ctx = new AC();\n }\n if (ctx.state === \"suspended\") ctx.resume();\n return ctx;\n}\n\n// Must be called from a user gesture (button click) to unlock audio.\nexport function unlock() {\n ac();\n}\n\nexport function setEnabled(v) {\n enabled = v;\n}\n\nfunction tone({ freq = 440, type = \"square\", dur = 0.1, vol = 0.2, slide = 0 }) {\n if (!enabled) return;\n const a = ac();\n const osc = a.createOscillator();\n const gain = a.createGain();\n osc.type = type;\n osc.frequency.setValueAtTime(freq, a.currentTime);\n if (slide) {\n osc.frequency.exponentialRampToValueAtTime(\n Math.max(20, freq + slide),\n a.currentTime + dur,\n );\n }\n gain.gain.setValueAtTime(vol, a.currentTime);\n gain.gain.exponentialRampToValueAtTime(0.0001, a.currentTime + dur);\n osc.connect(gain).connect(a.destination);\n osc.start();\n osc.stop(a.currentTime + dur);\n}\n\nfunction noise({ dur = 0.2, vol = 0.3 }) {\n if (!enabled) return;\n const a = ac();\n const frames = a.sampleRate * dur;\n const buffer = a.createBuffer(1, frames, a.sampleRate);\n const data = buffer.getChannelData(0);\n for (let i = 0; i < frames; i++) {\n data[i] = (Math.random() * 2 - 1) * (1 - i / frames);\n }\n const src = a.createBufferSource();\n src.buffer = buffer;\n const gain = a.createGain();\n gain.gain.setValueAtTime(vol, a.currentTime);\n gain.gain.exponentialRampToValueAtTime(0.0001, a.currentTime + dur);\n const filter = a.createBiquadFilter();\n filter.type = \"lowpass\";\n filter.frequency.value = 1200;\n src.connect(filter).connect(gain).connect(a.destination);\n src.start();\n}\n\nexport const sfx = {\n shoot: () => tone({ freq: 880, type: \"square\", dur: 0.08, vol: 0.12, slide: 400 }),\n hit: () => tone({ freq: 220, type: \"sawtooth\", dur: 0.12, vol: 0.18, slide: -160 }),\n explosion: () => noise({ dur: 0.35, vol: 0.35 }),\n dive: () => tone({ freq: 600, type: \"triangle\", dur: 0.25, vol: 0.12, slide: -420 }),\n playerHit: () => noise({ dur: 0.6, vol: 0.4 }),\n levelUp: () => {\n [523, 659, 784, 1047].forEach((f, i) =>\n setTimeout(() => tone({ freq: f, type: \"square\", dur: 0.12, vol: 0.15 }), i * 90)\n );\n },\n extraLife: () => {\n [784, 1047].forEach((f, i) =>\n setTimeout(() => tone({ freq: f, type: \"triangle\", dur: 0.15, vol: 0.18 }), i * 120)\n );\n },\n};\n",[],[197,286],["D",1781059845842],[214,215,216,217,218,219],[197],["D",1781059785998],{"_107":106,"_114":109},{"_107":106,"_108":109,"_110":109,"_19":62,"_111":112,"_113":31},{"_13":92,"_38":93,"_49":48,"_94":50,"_95":96,"_97":98,"_99":56,"_100":101,"_102":103,"_104":51,"_105":106},"ctx",{"_85":-5,"_135":333,"_334":335,"_336":337,"_338":31,"_339":31,"_340":31,"_341":65,"_342":-5,"_343":-7,"_344":-7,"_345":69,"_346":31,"_347":31,"_348":-5,"_349":31,"_350":31,"_351":31,"_352":-5},"ENV",{"_304":305,"_306":307,"_308":93,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326,"_327":328,"_329":330,"_331":332},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v12