
Planet Slicer 🌍✨
Planet Slicer is a space arcade game where players slice planets by matching WASD keys. Features stunning visuals, dynamic difficulty, and cosmic challenges. Avoid black holes to survive!
- 🎮 Intuitive WASD Controls
- 🌍 Beautiful Planet Animations
- ⚡ Dynamic Difficulty Scaling
- 🎯 Score Tracking System
- ❤️ Lives System
- 🎨 Stunning Space Visuals
- 🎵 Immersive Sound Effects
- 🏆 Level Progression
- Press the key that matches the letter shown on the planet
- Each planet displays a letter (W, A, S, or D)
- Time your key presses carefully to slice the planets
- Missing planets will reduce your lives
- Hitting black holes ends the game
- Match the Direction: Each planet displays a letter (W, A, S, or D) - press the corresponding key to slice it
- Score Points: Successfully slicing planets increases your score
- Avoid Black Holes: Hitting a black hole ends your game
- Watch Your Lives: Missing too many planets reduces your lives
- Level Up: Score enough points to advance to higher levels with increased challenge
- Node.js (v14 or higher)
- npm or yarn
- A modern web browser
- Code editor (VS Code recommended)
- Clone the repository: ```bash git clone https://github.com/dvnsinha1/Planet-Slicer cd Planet-Slicer ```
- Install dependencies: ```bash npm install ```
- Start the development server: ```bash npm run dev ```
- Open your browser and navigate to `http://localhost:5173\` (or the port shown in your terminal)
- React with TypeScript
- Vite for build tooling
- Tailwind CSS for styling
- HTML5 Canvas for game rendering
- Web Audio API for sound effects
- Fork the repository
- Set up an AWS Amplify account
- Connect your repository to Amplify
- Configure build settings: ```yaml version: 1 frontend: phases: preBuild: commands: - npm install build: commands: - npm run build
- Easy Deployment
- Simple repository connection (GitHub, GitLab, Bitbucket)
- Automatic deployments on code commits
- Branch-based deployments for development and production
- Zero-configuration CI/CD pipeline
- Integrated Backend Services
- Authentication and user management
- API integration capabilities
- Database integration options
- File storage solutions
- Easy scalability for future features
- Scalability Features
- Automatic scaling for varying traffic levels
- Global content delivery through CloudFront
- Built-in performance optimization
- Reliable hosting infrastructure
- Cost-Effective Solution
- Free tier available for small applications
- Pay-as-you-grow pricing model
- No upfront infrastructure costs
- Optimized resource utilization
- Developer-Friendly Interface
- Intuitive console for management
- Comprehensive CLI tools
- Real-time deployment logs
- Built-in monitoring and analytics
- Initial Setup# Install Amplify CLI
npm install -g @aws-amplify/cli# Configure Amplify
amplify configure - Project Configuration# Initialize Amplify in your project
amplify init# Add hosting
amplify add hosting - Deploy Application# Push changes to Amplify
amplify push# Publish frontend
amplify publish
- Access deployment logs through Amplify Console
- Monitor application performance
- View error reports and debugging information
- Track user analytics and usage patterns
- Built-in SSL/TLS encryption
- IAM role-based access control
- Environment variable management
- Secure content delivery
- Code Generation
- Generates clean and efficient TypeScript/React code
- Creates reusable components and custom hooks
- Implements game mechanics and animations
- Produces type-safe code with proper interfaces
- Assists with state management solutions
- Intelligent Debugging
- Real-time code analysis and error detection
- Performance optimization suggestions
- Memory leak identification
- Game logic verification
- Browser compatibility checks
- Code Enhancement
- Improves code readability and maintainability
- Suggests modern React patterns and practices
- Optimizes game performance
- Recommends better TypeScript types
- Enhances component reusability
- Documentation Support
- Generates comprehensive documentation
- Creates TypeScript interfaces and type definitions
- Documents component props and functions
- Provides usage examples
- Maintains up-to-date API documentation
- Game Development Features
- Canvas rendering optimization
- Game loop implementation
- Collision detection algorithms
- Animation frame management
- Audio handling improvements
- Fork the repository
- Create your feature branch (`git checkout -b feature/AmazingFeature`)
- Commit your changes (`git commit -m 'Add some AmazingFeature'`)
- Push to the branch (`git push origin feature/AmazingFeature`)
- Open a Pull Request
- Space-themed assets and sound effects from various open-source contributors
- Inspired by classic arcade games and modern web technologies
- Special thanks to the React and TypeScript communities
- Global leaderboard
- Multiple game modes
- Power-ups and special abilities
- Multiplayer support
- Mobile touch controls
- Additional planet types and obstacles