Pew-Pew Space Shooter 🚀

Score: 0

Lives: 3

\n \n

Game Over!

Final Score: 0

\n \n

Controls:

🎮 Move: Arrow Keys or WASD

🔫 Shoot: Spacebar

🎯 Goal: Destroy enemies and survive!

\n\n \n\n",[],[150,179],{"_102":187,"_95":188,"_151":189,"_153":152,"_154":136,"_155":190,"_157":158,"_104":191,"_99":32,"_160":182,"_162":192,"_163":22,"_164":-5,"_165":193,"_98":194},"24205c42-3758-11f0-ac5b-9e149126039e","style.css","24205d14-3758-11f0-ac5b-9e149126039e",3,["D",1747951215120],"* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n background: linear-gradient(135deg, #0c0c0c 0%, #1a1a2e 50%, #16213e 100%);\n font-family: 'Courier New', monospace;\n color: #00ff00;\n overflow: hidden;\n height: 100vh;\n}\n\n.game-container {\n position: relative;\n width: 100vw;\n height: 100vh;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n#gameCanvas {\n border: 2px solid #00ff00;\n background: radial-gradient(circle at center, #000011 0%, #000000 100%);\n box-shadow: 0 0 20px #00ff0050;\n}\n\n.ui-overlay {\n position: absolute;\n top: 20px;\n left: 20px;\n z-index: 10;\n display: flex;\n gap: 30px;\n}\n\n.score, .lives {\n background: rgba(0, 0, 0, 0.7);\n padding: 10px 15px;\n border: 1px solid #00ff00;\n border-radius: 5px;\n font-size: 18px;\n font-weight: bold;\n text-shadow: 0 0 10px #00ff00;\n}\n\n.game-over {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background: rgba(0, 0, 0, 0.9);\n border: 2px solid #ff0000;\n border-radius: 10px;\n padding: 30px;\n text-align: center;\n z-index: 20;\n box-shadow: 0 0 30px #ff000050;\n}\n\n.game-over h2 {\n color: #ff0000;\n font-size: 32px;\n margin-bottom: 15px;\n text-shadow: 0 0 15px #ff0000;\n}\n\n.game-over p {\n font-size: 20px;\n margin-bottom: 20px;\n color: #ffffff;\n}\n\n#restartBtn {\n background: linear-gradient(45deg, #00ff00, #00cc00);\n border: none;\n color: #000;\n padding: 12px 25px;\n font-size: 18px;\n font-weight: bold;\n border-radius: 5px;\n cursor: pointer;\n transition: all 0.3s ease;\n font-family: 'Courier New', monospace;\n}\n\n#restartBtn:hover {\n background: linear-gradient(45deg, #00cc00, #009900);\n transform: scale(1.05);\n box-shadow: 0 0 15px #00ff0050;\n}\n\n.instructions {\n position: absolute;\n bottom: 20px;\n right: 20px;\n background: rgba(0, 0, 0, 0.7);\n border: 1px solid #00ff00;\n border-radius: 5px;\n padding: 15px;\n font-size: 14px;\n max-width: 250px;\n}\n\n.instructions h3 {\n color: #00ff00;\n margin-bottom: 10px;\n text-shadow: 0 0 5px #00ff00;\n}\n\n.instructions p {\n margin-bottom: 5px;\n color: #cccccc;\n}\n\n/* Responsive design */\n@media (max-width: 768px) {\n .ui-overlay {\n flex-direction: column;\n gap: 10px;\n }\n \n .score, .lives {\n font-size: 16px;\n padding: 8px 12px;\n }\n \n .instructions {\n font-size: 12px;\n padding: 10px;\n max-width: 200px;\n }\n \n .game-over h2 {\n font-size: 24px;\n }\n \n .game-over p {\n font-size: 16px;\n }\n}",[],[150,188],[150],{"_102":197,"_95":198,"_151":199,"_153":-5,"_154":136,"_155":200,"_157":158,"_104":201,"_99":32,"_160":182,"_162":202,"_163":22,"_164":-5,"_165":203,"_98":204},"16f87860-3758-11f0-9f8d-9e149126039e","README.md","16f8791e-3758-11f0-9f8d-9e149126039e",1,["D",1747951193047],"# Pew-Pew Space Shooter Game 🚀\n\nA fun browser-based space shooting game built with HTML5 Canvas and TypeScript!\n\n## Features\n\n- Control a spaceship with arrow keys or WASD\n- Shoot lasers with spacebar\n- Dodge incoming enemy ships\n- Score points by destroying enemies\n- Responsive canvas that fits the screen\n- Smooth 60fps gameplay\n\n## How to Play\n\n- **Move**: Arrow keys or WASD\n- **Shoot**: Spacebar\n- **Goal**: Destroy as many enemies as possible without getting hit!\n\n## Project Structure\n\n```\n├── frontend/\n│ ├── index.html # Main game page\n│ ├── game.ts # Game logic and engine\n│ └── style.css # Game styling\n└── README.md # This file\n```\n\n## Technical Details\n\n- Built with HTML5 Canvas for smooth graphics\n- TypeScript for type-safe game logic\n- Collision detection system\n- Particle effects for explosions\n- Responsive design that works on different screen sizes",[],[198],{"_102":206,"_95":207,"_151":208,"_153":-5,"_154":136,"_155":135,"_157":158,"_104":209,"_99":200,"_160":210,"_162":211,"_163":22,"_164":-5,"_165":212,"_98":213},"468aa242-3758-11f0-9141-9e149126039e","index.ts","4518937e-3758-11f0-ae8c-9e149126039e",["D",1747951272853],"http","import { readFile } 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 // Serve the main game page\n if (url.pathname === \"/\" || url.pathname === \"/index.html\") {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html\" }\n });\n }\n \n // Serve CSS files\n if (url.pathname.endsWith(\".css\")) {\n const css = await readFile(url.pathname, import.meta.url);\n return new Response(css, {\n headers: { \"Content-Type\": \"text/css\" }\n });\n }\n \n // Serve TypeScript/JavaScript files\n if (url.pathname.endsWith(\".ts\") || url.pathname.endsWith(\".js\")) {\n const ts = await readFile(url.pathname, import.meta.url);\n return new Response(ts, {\n headers: { \"Content-Type\": \"application/javascript\" }\n });\n }\n \n // 404 for other paths\n return new Response(\"Not Found\", { status: 404 });\n}",[],[207],"files",[148,167,177,186,196,205],"counts",{"_218":32,"_219":200,"_220":32,"_221":222},"pulls","branches","forks","envVars",{"_223":32,"_224":32},"count","emptyCount","contents",[227,230,233],{"_102":149,"_95":150,"_151":152,"_153":-5,"_154":136,"_155":156,"_157":158,"_104":228,"_99":32,"_160":161,"_162":-5,"_163":22,"_164":-5,"_98":229},["D",1747951200445],[150],{"_102":197,"_95":198,"_151":199,"_153":-5,"_154":136,"_155":200,"_157":158,"_104":231,"_99":32,"_160":182,"_162":202,"_163":22,"_164":-5,"_98":232},["D",1747951193047],[198],{"_102":206,"_95":207,"_151":208,"_153":-5,"_154":136,"_155":135,"_157":158,"_104":234,"_99":200,"_160":210,"_162":211,"_163":22,"_164":-5,"_98":235},["D",1747951272853],[207],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.environment-variables",{"_93":94,"_95":96,"_100":244,"_221":249},{"_102":103,"_95":96,"_104":245,"_106":-5,"_107":22,"_108":109,"_110":-5,"_111":-5,"_14":112,"_113":-5,"_114":22,"_115":-5,"_116":32,"_16":117,"_118":119,"_120":119,"_121":122,"_123":122,"_124":122,"_125":119,"_126":119,"_23":246,"_130":247,"_133":248,"_145":22},["D",1747951148264],{"_93":94,"_128":129},{"_93":94,"_132":129},{"_99":135,"_95":43,"_102":136,"_137":103,"_138":-5,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":96,"_144":94},[],"actionData","errors"]

alfongj

NewTownieTest

Environment variables