GALAXIA — Space Shooter

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_170":171,"_172":173},"routes/_app.x.$handle.$name",{"_94":93,"_32":43,"_103":84,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":47,"_118":119,"_120":25,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_41":42,"_32":43,"_36":44,"_45":-5,"_46":47,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":-5,"_56":47,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":47},"version",7,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":20,"_34":35,"_36":37,"_38":14,"_39":40,"_24":25},"previous",{"_30":31,"_32":28,"_33":20,"_34":35},"deleted",true,"deletedHere","path","index.html","latestPath","fileId","612b343c-646f-11f1-9ad8-1607ee4eb77e","name","fileType","content","\n\n\n \n \n GALAXIA — Space Shooter\n \n \n\n\n

\n ◀ ▶ / A D / mouse to move • SPACE / click to fire • \n view source\n

\n \n\n\n","createdAt",["D",1781056584585],"branchVersion","branchId","137e370e-86cd-4733-9322-329e3cc4d52a","id","6b3f4ec2-961e-43a8-96f4-3d946b6c3822","arcade-game",["D",1781056326693],"deletedAt","legacyEnvVars",false,"privacy","public","httpPrivacy","description","GALAXIA — a Galaxian/Galaga-style space shooter","imageUrl","c6521418-29f7-457c-ba6a-cab870ae8120","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019eaf39-757c-768d-8212-00881444275c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_94":93,"_102":98},"org",{"_94":93,"_95":96,"_97":98,"_18":54,"_99":100,"_101":47},"branch",{"_13":83,"_32":84,"_41":40,"_85":42,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":43,"_92":93},"isOwned",29,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","hugog30","handle","displayName","Hugo Gregorio Jr.","avatar","https://lh3.googleusercontent.com/a/ACg8ocLfDdI9EBRKotvXwK5zJyEk1ZKVYbY3b6JaECue3KtcDo_A5h2Z=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_41":42,"_32":43,"_36":166,"_45":-5,"_46":47,"_48":49,"_50":49,"_51":52,"_53":-5,"_18":54,"_55":-5,"_56":47,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":167,"_78":168,"_80":169,"_82":47},"tree",[157,158],"files",[157,158],"counts",{"_147":60,"_148":134,"_149":60,"_150":151,"_152":153},"contents",[125,126],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":139,"_32":140,"_30":141,"_130":-5,"_39":40,"_38":142,"_132":47,"_36":143,"_13":60,"_33":144,"_34":145,"_24":47,"_137":-5,"_27":146},{"_41":127,"_32":128,"_30":129,"_130":-5,"_39":40,"_38":131,"_132":47,"_36":133,"_13":134,"_33":135,"_34":136,"_24":47,"_137":-5,"_27":138},"e1b9bdbe-ebec-498f-aa4a-1ab825b6de65","main.tsx","08e29e28-646f-11f1-8ab1-1607ee4eb77e","parentId",5,"latest",["D",1781056554388],1,"http","import { readFile, parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n if (url.pathname === \"/source\") {\n return new Response(null, {\n status: 302,\n headers: { Location: parseVal().links.self.val },\n });\n }\n\n if (url.pathname === \"/game.js\") {\n const js = await readFile(\"/game.js\", import.meta.url);\n return new Response(js, {\n headers: { \"Content-Type\": \"application/javascript; charset=utf-8\" },\n });\n }\n\n const html = await readFile(\"/index.html\", import.meta.url);\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n}\n","label",[128],"f49a894e-5c8f-4ce3-a238-2af2c760f324","game.js","7d2219da-646f-11f1-824f-1607ee4eb77e",4,["D",1781056542864],"script","// GALAXIA — a Galaxian/Galaga-style space shooter\nconst canvas = document.getElementById(\"game\");\nconst ctx = canvas.getContext(\"2d\");\nconst W = canvas.width;\nconst H = canvas.height;\n\n// ---------- Input ----------\nconst keys = {};\nlet pointerX = null;\naddEventListener(\"keydown\", (e) => {\n keys[e.code] = true;\n if ([\"ArrowLeft\", \"ArrowRight\", \"Space\"].includes(e.code)) e.preventDefault();\n if (e.code === \"Space\") tryFire();\n if (game.state !== \"playing\" && (e.code === \"Space\" || e.code === \"Enter\")) startGame();\n});\naddEventListener(\"keyup\", (e) => (keys[e.code] = false));\n\nfunction canvasX(clientX) {\n const r = canvas.getBoundingClientRect();\n return ((clientX - r.left) / r.width) * W;\n}\ncanvas.addEventListener(\"mousemove\", (e) => (pointerX = canvasX(e.clientX)));\ncanvas.addEventListener(\"mousedown\", () => {\n if (game.state !== \"playing\") startGame();\n else tryFire();\n});\ncanvas.addEventListener(\"touchmove\", (e) => {\n pointerX = canvasX(e.touches[0].clientX);\n e.preventDefault();\n}, { passive: false });\ncanvas.addEventListener(\"touchstart\", (e) => {\n pointerX = canvasX(e.touches[0].clientX);\n if (game.state !== \"playing\") startGame();\n else tryFire();\n e.preventDefault();\n}, { passive: false });\n\n// ---------- Game state ----------\nconst game = {\n state: \"start\", // start | playing | over\n score: 0,\n high: Number(localStorage.getItem(\"galaxia_high\") || 0),\n lives: 3,\n wave: 1,\n};\n\nconst player = { x: W / 2, y: H - 50, w: 34, h: 22, speed: 5, cooldown: 0 };\nlet bullets = []; // player shots\nlet enemyBullets = []; // enemy shots\nlet enemies = [];\nlet particles = [];\nlet stars = [];\n\n// starfield background\nfor (let i = 0; i < 70; i++) {\n stars.push({ x: Math.random() * W, y: Math.random() * H, s: Math.random() * 1.6 + 0.3 });\n}\n\n// ---------- Enemy formation ----------\nconst COLORS = [\"#ff5d5d\", \"#ffd35d\", \"#5dff8f\", \"#5db8ff\", \"#c95dff\"];\nfunction buildWave(wave) {\n enemies = [];\n const rows = 4;\n const cols = 8;\n const startX = 50;\n const gapX = (W - 100) / (cols - 1);\n const startY = 70;\n const gapY = 42;\n for (let r = 0; r < rows; r++) {\n for (let c = 0; c < cols; c++) {\n enemies.push({\n homeX: startX + c * gapX,\n homeY: startY + r * gapY,\n x: startX + c * gapX,\n y: startY + r * gapY,\n w: 28, h: 22,\n color: COLORS[r % COLORS.length],\n points: (rows - r) * 10,\n state: \"formation\", // formation | diving\n diveT: 0,\n path: null,\n cooldown: Math.random() * 300 + 60,\n });\n }\n }\n}\n\nlet formationDir = 1;\nlet formationOffset = 0;\n\n// ---------- Helpers ----------\nfunction tryFire() {\n if (game.state !== \"playing\") return;\n if (player.cooldown > 0) return;\n bullets.push({ x: player.x, y: player.y - player.h / 2, w: 4, h: 12, speed: 9 });\n player.cooldown = 12;\n}\n\nfunction boom(x, y, color, count = 14) {\n for (let i = 0; i < count; i++) {\n const a = Math.random() * Math.PI * 2;\n const sp = Math.random() * 3 + 1;\n particles.push({ x, y, vx: Math.cos(a) * sp, vy: Math.sin(a) * sp, life: 30, color });\n }\n}\n\nfunction startGame() {\n game.state = \"playing\";\n game.score = 0;\n game.lives = 3;\n game.wave = 1;\n bullets = []; enemyBullets = []; particles = [];\n player.x = W / 2; player.cooldown = 0;\n buildWave(game.wave);\n}\n\nfunction loseLife() {\n game.lives--;\n boom(player.x, player.y, \"#5db8ff\", 26);\n if (game.lives <= 0) {\n game.state = \"over\";\n if (game.score > game.high) {\n game.high = game.score;\n localStorage.setItem(\"galaxia_high\", String(game.high));\n }\n } else {\n player.x = W / 2;\n enemyBullets = [];\n }\n}\n\nfunction rectHit(a, b) {\n return Math.abs(a.x - b.x) < (a.w + b.w) / 2 && Math.abs(a.y - b.y) < (a.h + b.h) / 2;\n}\n\n// ---------- Update ----------\nfunction update() {\n // stars scroll\n for (const s of stars) {\n s.y += s.s * 0.6;\n if (s.y > H) { s.y = 0; s.x = Math.random() * W; }\n }\n\n if (game.state !== \"playing\") return;\n\n // player movement\n if (keys[\"ArrowLeft\"] || keys[\"KeyA\"]) player.x -= player.speed;\n if (keys[\"ArrowRight\"] || keys[\"KeyD\"]) player.x += player.speed;\n if (pointerX !== null) player.x += (pointerX - player.x) * 0.3;\n player.x = Math.max(player.w / 2, Math.min(W - player.w / 2, player.x));\n if (player.cooldown > 0) player.cooldown--;\n if (keys[\"Space\"]) tryFire();\n\n // formation sway\n formationOffset += formationDir * 0.4;\n if (Math.abs(formationOffset) > 24) formationDir *= -1;\n\n const speedScale = 1 + (game.wave - 1) * 0.15;\n\n // enemies\n for (const e of enemies) {\n if (e.state === \"formation\") {\n e.x = e.homeX + formationOffset;\n e.y = e.homeY;\n e.cooldown -= 1;\n // start a dive\n if (e.cooldown <= 0 && Math.random() < 0.004 * speedScale) {\n e.state = \"diving\";\n e.diveT = 0;\n e.startX = e.x;\n e.startY = e.y;\n e.dir = player.x < e.x ? -1 : 1;\n }\n // formation shooting\n if (Math.random() < 0.0008 * speedScale) {\n enemyBullets.push({ x: e.x, y: e.y + e.h / 2, w: 4, h: 10, speed: 3.5 * speedScale });\n }\n } else if (e.state === \"diving\") {\n e.diveT += 0.02 * speedScale;\n e.x += Math.sin(e.diveT * 6) * 2.4 * e.dir;\n e.y += 3.2 * speedScale;\n if (Math.random() < 0.02) {\n enemyBullets.push({ x: e.x, y: e.y + e.h / 2, w: 4, h: 10, speed: 4 * speedScale });\n }\n // flew off bottom -> return to formation at top\n if (e.y > H + 30) {\n e.state = \"formation\";\n e.y = e.homeY;\n e.cooldown = Math.random() * 240 + 120;\n }\n }\n // enemy reaches player line\n if (e.y > player.y - 20 && rectHit(e, player)) {\n boom(e.x, e.y, e.color);\n e.state = \"formation\"; e.y = e.homeY; e.cooldown = 240;\n loseLife();\n }\n }\n\n // player bullets\n for (let i = bullets.length - 1; i >= 0; i--) {\n const b = bullets[i];\n b.y -= b.speed;\n if (b.y < -20) { bullets.splice(i, 1); continue; }\n for (let j = enemies.length - 1; j >= 0; j--) {\n const e = enemies[j];\n if (rectHit(b, e)) {\n game.score += e.points + (e.state === \"diving\" ? e.points : 0);\n boom(e.x, e.y, e.color);\n enemies.splice(j, 1);\n bullets.splice(i, 1);\n break;\n }\n }\n }\n\n // enemy bullets\n for (let i = enemyBullets.length - 1; i >= 0; i--) {\n const b = enemyBullets[i];\n b.y += b.speed;\n if (b.y > H + 20) { enemyBullets.splice(i, 1); continue; }\n if (rectHit(b, player)) {\n enemyBullets.splice(i, 1);\n loseLife();\n }\n }\n\n // particles\n for (let i = particles.length - 1; i >= 0; i--) {\n const p = particles[i];\n p.x += p.vx; p.y += p.vy; p.vy += 0.05; p.life--;\n if (p.life <= 0) particles.splice(i, 1);\n }\n\n // wave cleared\n if (enemies.length === 0) {\n game.wave++;\n game.score += 100;\n buildWave(game.wave);\n }\n}\n\n// ---------- Draw ----------\nfunction drawShip(x, y, w, h) {\n ctx.fillStyle = \"#5db8ff\";\n ctx.beginPath();\n ctx.moveTo(x, y - h / 2);\n ctx.lineTo(x - w / 2, y + h / 2);\n ctx.lineTo(x - w / 6, y + h / 4);\n ctx.lineTo(x + w / 6, y + h / 4);\n ctx.lineTo(x + w / 2, y + h / 2);\n ctx.closePath();\n ctx.fill();\n ctx.fillStyle = \"#cdeaff\";\n ctx.fillRect(x - 2, y - h / 4, 4, h / 2);\n}\n\nfunction drawEnemy(e) {\n ctx.fillStyle = e.color;\n const x = e.x, y = e.y, w = e.w, h = e.h;\n // body\n ctx.fillRect(x - w / 2, y - h / 4, w, h / 2);\n // wings\n ctx.fillRect(x - w / 2 - 3, y - h / 6, 4, h / 3);\n ctx.fillRect(x + w / 2 - 1, y - h / 6, 4, h / 3);\n // head\n ctx.fillRect(x - w / 4, y - h / 2, w / 2, h / 4);\n // eyes\n ctx.fillStyle = \"#02020c\";\n ctx.fillRect(x - w / 5, y - h / 8, 4, 4);\n ctx.fillRect(x + w / 5 - 4, y - h / 8, 4, 4);\n}\n\nfunction text(str, x, y, size = 16, color = \"#fff\", align = \"center\") {\n ctx.fillStyle = color;\n ctx.font = `bold ${size}px \"Courier New\", monospace`;\n ctx.textAlign = align;\n ctx.fillText(str, x, y);\n}\n\nfunction draw() {\n ctx.clearRect(0, 0, W, H);\n\n // stars\n for (const s of stars) {\n ctx.fillStyle = `rgba(255,255,255,${0.3 + s.s * 0.4})`;\n ctx.fillRect(s.x, s.y, s.s, s.s);\n }\n\n // particles\n for (const p of particles) {\n ctx.globalAlpha = Math.max(0, p.life / 30);\n ctx.fillStyle = p.color;\n ctx.fillRect(p.x, p.y, 3, 3);\n }\n ctx.globalAlpha = 1;\n\n if (game.state === \"playing\") {\n for (const e of enemies) drawEnemy(e);\n\n ctx.fillStyle = \"#ffe98a\";\n for (const b of bullets) ctx.fillRect(b.x - b.w / 2, b.y - b.h / 2, b.w, b.h);\n ctx.fillStyle = \"#ff7d7d\";\n for (const b of enemyBullets) ctx.fillRect(b.x - b.w / 2, b.y - b.h / 2, b.w, b.h);\n\n drawShip(player.x, player.y, player.w, player.h);\n }\n\n // HUD\n text(`SCORE ${game.score}`, 12, 24, 16, \"#fff\", \"left\");\n text(`HI ${game.high}`, W / 2, 24, 16, \"#ffd35d\");\n text(`WAVE ${game.wave}`, W - 12, 24, 16, \"#5dff8f\", \"right\");\n // lives\n for (let i = 0; i < game.lives; i++) {\n drawShip(20 + i * 26, H - 16, 18, 14);\n }\n\n if (game.state === \"start\") {\n text(\"GALAXIA\", W / 2, H / 2 - 60, 48, \"#5db8ff\");\n text(\"SPACE SHOOTER\", W / 2, H / 2 - 24, 18, \"#c95dff\");\n text(\"Press SPACE / Tap to Start\", W / 2, H / 2 + 30, 16, \"#fff\");\n text(`High Score: ${game.high}`, W / 2, H / 2 + 64, 14, \"#ffd35d\");\n } else if (game.state === \"over\") {\n text(\"GAME OVER\", W / 2, H / 2 - 30, 40, \"#ff5d5d\");\n text(`Score: ${game.score}`, W / 2, H / 2 + 10, 20, \"#fff\");\n text(`High: ${game.high}`, W / 2, H / 2 + 38, 16, \"#ffd35d\");\n text(\"Press SPACE / Tap to Retry\", W / 2, H / 2 + 76, 14, \"#fff\");\n }\n}\n\n// ---------- Loop ----------\nfunction loop() {\n update();\n draw();\n requestAnimationFrame(loop);\n}\nloop();\n",[140],"pulls","branches","forks","envVars",{"_154":60,"_156":60},"connections",{"_154":60,"_155":60},"count","unfilledCount","emptyCount",{"_41":139,"_32":140,"_30":141,"_130":-5,"_39":40,"_38":142,"_132":47,"_36":163,"_13":60,"_33":144,"_34":145,"_24":47,"_137":-5,"_160":164,"_27":165},{"_41":127,"_32":128,"_30":129,"_130":-5,"_39":40,"_38":131,"_132":47,"_36":159,"_13":134,"_33":135,"_34":136,"_24":47,"_137":-5,"_160":161,"_27":162},["D",1781056554388],"children",[],[128],["D",1781056542864],[],[140],["D",1781056326693],{"_94":93,"_102":98},{"_94":93,"_95":96,"_97":98,"_18":54,"_99":100,"_101":47},{"_13":83,"_32":84,"_41":40,"_85":42,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":43,"_92":93},"ctx",{"_76":-5,"_122":203,"_204":205,"_206":207,"_208":47,"_209":47,"_210":47,"_211":25,"_212":-5,"_213":-7,"_214":-7,"_215":60,"_216":47,"_217":47,"_218":-5,"_219":47,"_220":47,"_221":47,"_222":-5},"ENV",{"_174":175,"_176":177,"_178":84,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202},"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 · v7