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",[],[152,181],{"_104":189,"_95":190,"_153":191,"_155":154,"_156":138,"_157":192,"_159":160,"_106":193,"_100":32,"_162":184,"_164":194,"_165":22,"_166":-5,"_167":195,"_98":196},"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}",[],[152,190],[152],{"_104":199,"_95":200,"_153":201,"_155":-5,"_156":138,"_157":202,"_159":160,"_106":203,"_100":32,"_162":184,"_164":204,"_165":22,"_166":-5,"_167":205,"_98":206},"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",[],[200],{"_104":208,"_95":99,"_153":209,"_155":-5,"_156":138,"_157":101,"_159":22,"_106":210,"_100":32,"_162":175,"_164":211,"_165":22,"_166":-5,"_167":212,"_98":213},"451892ca-3758-11f0-ae8c-9e149126039e","4518937e-3758-11f0-ae8c-9e149126039e",["D",1747951270431],"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}",[],[99],"files",[150,169,179,188,198,207],"counts",{"_218":32,"_219":202,"_220":32,"_221":222},"pulls","branches","forks","envVars",{"_223":32,"_224":32},"count","emptyCount","contents",[],{"_104":208,"_95":99,"_153":209,"_155":-5,"_156":138,"_157":101,"_159":22,"_106":228,"_100":32,"_162":175,"_164":211,"_165":22,"_166":-5,"_98":229},["D",1747951270431],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":238,"_148":243,"_214":262,"_184":263,"_225":265,"_266":-5,"_267":-5,"_268":-5,"_269":-5,"_270":271},{"_104":105,"_95":96,"_106":239,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":-5,"_116":22,"_117":-5,"_118":32,"_16":119,"_120":121,"_122":121,"_123":124,"_125":124,"_126":124,"_127":121,"_128":121,"_23":240,"_132":241,"_135":242,"_147":22},["D",1747951148264],{"_93":94,"_130":131},{"_93":94,"_134":131},{"_100":137,"_95":43,"_104":138,"_139":105,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":96,"_146":94},[244,256,259],{"_104":151,"_95":152,"_153":154,"_155":-5,"_156":138,"_157":158,"_159":160,"_106":161,"_100":32,"_162":163,"_164":-5,"_165":22,"_166":-5,"_167":245,"_98":255},[246,249,252],{"_104":170,"_95":171,"_153":172,"_155":154,"_156":138,"_157":173,"_159":160,"_106":174,"_100":32,"_162":175,"_164":176,"_165":22,"_166":-5,"_167":247,"_98":248},[],[152,171],{"_104":180,"_95":181,"_153":182,"_155":154,"_156":138,"_157":158,"_159":160,"_106":183,"_100":32,"_162":184,"_164":185,"_165":22,"_166":-5,"_167":250,"_98":251},[],[152,181],{"_104":189,"_95":190,"_153":191,"_155":154,"_156":138,"_157":192,"_159":160,"_106":193,"_100":32,"_162":184,"_164":194,"_165":22,"_166":-5,"_167":253,"_98":254},[],[152,190],[152],{"_104":199,"_95":200,"_153":201,"_155":-5,"_156":138,"_157":202,"_159":160,"_106":203,"_100":32,"_162":184,"_164":204,"_165":22,"_166":-5,"_167":257,"_98":258},[],[200],{"_104":208,"_95":99,"_153":209,"_155":-5,"_156":138,"_157":101,"_159":22,"_106":210,"_100":32,"_162":175,"_164":211,"_165":22,"_166":-5,"_167":260,"_98":261},[],[99],[244,246,249,252,256,259],{"_104":208,"_95":99,"_153":209,"_155":-5,"_156":138,"_157":101,"_159":22,"_106":228,"_100":32,"_162":175,"_164":211,"_165":22,"_166":-5,"_98":264},[99],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

alfongj

NewTownieTest