Space Impact Vue is a modular, class-based reconstruction of the iconic mobile game, integrated with Vue 3, Vite, and Vanilla CSS.
- 🎮 Modular Game Engine: Logic separated into Entities, Enemies, Environment, and Levels.
- 🌊 Dynamic Level Management: 8 authentic levels with unique enemy patterns and bosses.
- 📱 Responsive Controls: Full support for both keyboard and on-screen touch controls (enabled by default on mobile).
- 📟 Retro Aesthetic: Preserves the original look and feel of the classic Nokia 3310 game.
| Action | Control |
|---|---|
| Move | Arrow Keys |
| Fire | Spacebar |
| Special | X Key (Missile, Laser, or Wall) |
| Touch | On-screen Buttons (Tap/Click) |
- Framework: Vue 3
- Build Tool: Vite
- Styling: Vanilla CSS (Fluid & Responsive)
- Logic: ES6 JavaScript (Class-based)
npm installnpm run devnpm run build| Script | Description |
|---|---|
npm run dev |
Starts the development server |
npm run build |
Builds the application for production |
npm run preview |
Previews the production build locally |
src/game/: Core game logic.engine.js: Orchestrates the game loop and level transitions.entities.js: Player, Projectiles, and Special Attack classes.enemies.js: All enemy types and the 8 Boss classes.environment.js: Background layouts, UI overlays, and particles.levels.js: Level-specific configurations and enemy spawn waves.
src/App.vue: Main layout and game initialization.
Made with ❤️ by Praveen based on the original logic by sidsinr.