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",{"_95":94,"_32":44,"_104":85,"_27":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":48,"_119":120,"_121":25,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":48,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":48,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":48},"version",15,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",true,"deletedHere","path","game.js","latestPath","fileId","b213a276-646f-11f1-b7c9-1607ee4eb77e","name","fileType","script","content","// 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\")) {\n startGame();\n }\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({\n x: Math.random() * W,\n y: Math.random() * H,\n s: Math.random() * 1.6 + 0.3,\n });\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,\n 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({\n x: player.x,\n y: player.y - player.h / 2,\n w: 4,\n h: 12,\n speed: 9,\n });\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({\n x,\n y,\n vx: Math.cos(a) * sp,\n vy: Math.sin(a) * sp,\n life: 30,\n color,\n });\n }\n}\n\nfunction startGame() {\n game.state = \"playing\";\n game.score = 0;\n game.lives = 3;\n game.wave = 1;\n bullets = [];\n enemyBullets = [];\n particles = [];\n player.x = W / 2;\n 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 &&\n 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) {\n s.y = 0;\n s.x = Math.random() * W;\n }\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({\n x: e.x,\n y: e.y + e.h / 2,\n w: 4,\n h: 10,\n speed: 3.5 * speedScale,\n });\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({\n x: e.x,\n y: e.y + e.h / 2,\n w: 4,\n h: 10,\n speed: 4 * speedScale,\n });\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\";\n e.y = e.homeY;\n 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) {\n bullets.splice(i, 1);\n continue;\n }\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) {\n enemyBullets.splice(i, 1);\n continue;\n }\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;\n p.y += p.vy;\n p.vy += 0.05;\n 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) {\n ctx.fillRect(b.x - b.w / 2, b.y - b.h / 2, b.w, b.h);\n }\n ctx.fillStyle = \"#ff7d7d\";\n for (const b of enemyBullets) {\n ctx.fillRect(b.x - b.w / 2, b.y - b.h / 2, b.w, b.h);\n }\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();","createdAt",["D",1781056733435],"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",{"_95":94,"_103":99},"org",{"_95":94,"_96":97,"_98":99,"_18":55,"_100":101,"_102":48},"branch",{"_13":84,"_32":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"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",{"_42":43,"_32":44,"_37":166,"_46":-5,"_47":48,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":48,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":167,"_79":168,"_81":169,"_83":48},"tree",[157,158],"files",[157,158],"counts",{"_146":61,"_147":148,"_149":61,"_150":151,"_152":153},"contents",[126,127],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":139,"_32":140,"_30":141,"_131":-5,"_40":41,"_39":142,"_133":48,"_37":143,"_13":61,"_33":20,"_35":144,"_24":48,"_137":-5,"_27":145},{"_42":128,"_32":129,"_30":130,"_131":-5,"_40":41,"_39":132,"_133":48,"_37":134,"_13":61,"_33":135,"_35":136,"_24":48,"_137":-5,"_27":138},"2e4457e1-90fa-4aa7-912d-be16b69078d9","main.tsx","d8431e4a-646f-11f1-9980-1607ee4eb77e","parentId",14,"latest",["D",1781056695750],"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",[129],"a7cd63bc-0207-497c-80ac-a5345b8f3beb","index.html","d5310d84-646f-11f1-b09d-1607ee4eb77e",13,["D",1781056690599],"\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",[140],"pulls","branches",1,"forks","envVars",{"_154":61,"_156":61},"connections",{"_154":61,"_155":61},"count","unfilledCount","emptyCount",{"_42":139,"_32":140,"_30":141,"_131":-5,"_40":41,"_39":142,"_133":48,"_37":163,"_13":61,"_33":20,"_35":144,"_24":48,"_137":-5,"_160":164,"_27":165},{"_42":128,"_32":129,"_30":130,"_131":-5,"_40":41,"_39":132,"_133":48,"_37":159,"_13":61,"_33":135,"_35":136,"_24":48,"_137":-5,"_160":161,"_27":162},["D",1781056695750],"children",[],[129],["D",1781056690599],[],[140],["D",1781056326693],{"_95":94,"_103":99},{"_95":94,"_96":97,"_98":99,"_18":55,"_100":101,"_102":48},{"_13":84,"_32":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"ctx",{"_77":-5,"_123":203,"_204":205,"_206":207,"_208":48,"_209":48,"_210":48,"_211":25,"_212":-5,"_213":-7,"_214":-7,"_215":61,"_216":48,"_217":48,"_218":-5,"_219":48,"_220":48,"_221":48,"_222":-5},"ENV",{"_174":175,"_176":177,"_178":85,"_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 · v15