Select your cookie preferences

We use essential cookies and similar tools that are necessary to provide our site and services. We use performance cookies to collect anonymous statistics, so we can understand how customers use our site and make improvements. Essential cookies cannot be deactivated, but you can choose “Customize” or “Decline” to decline performance cookies.

If you agree, AWS and approved third parties will also use cookies to provide useful site features, remember your preferences, and display relevant content, including relevant advertising. To accept or decline all non-essential cookies, choose “Accept” or “Decline.” To make more detailed choices, choose “Customize.”

AWS Logo
Menu
Planet Slicer 🌍✨

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!

game-challengeamazonqaws
Deven Sinha
Published Jan 14, 2025
Comments

Live Demo

Play Planet Slicer

Game Overview

Planet Slicer puts you in control of a cosmic blade, challenging you to slice through planets while navigating the dangers of space. The game combines quick reflexes with strategic timing, creating an engaging experience that becomes more challenging as you progress through levels.

Key Features

  • 🎮 Intuitive WASD Controls
  • 🌍 Beautiful Planet Animations
  • ⚡ Dynamic Difficulty Scaling
  • 🎯 Score Tracking System
  • ❤️ Lives System
  • 🎨 Stunning Space Visuals
  • 🎵 Immersive Sound Effects
  • 🏆 Level Progression

How to Play

Controls

  • 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

Game Rules

  1. Match the Direction: Each planet displays a letter (W, A, S, or D) - press the corresponding key to slice it
  2. Score Points: Successfully slicing planets increases your score
  3. Avoid Black Holes: Hitting a black hole ends your game
  4. Watch Your Lives: Missing too many planets reduces your lives
  5. Level Up: Score enough points to advance to higher levels with increased challenge

Development Setup

Prerequisites

  • Node.js (v14 or higher)
  • npm or yarn
  • A modern web browser
  • Code editor (VS Code recommended)

Installation

  1. Clone the repository: ```bash git clone https://github.com/dvnsinha1/Planet-Slicer cd Planet-Slicer ```
  2. Install dependencies: ```bash npm install ```
  3. Start the development server: ```bash npm run dev ```
  4. Open your browser and navigate to `http://localhost:5173\` (or the port shown in your terminal)

Technologies Used

  • React with TypeScript
  • Vite for build tooling
  • Tailwind CSS for styling
  • HTML5 Canvas for game rendering
  • Web Audio API for sound effects

Deployment

The game is deployed using AWS Amplify, providing seamless continuous deployment and scalability.

Deploying Your Own Version

  1. Fork the repository
  2. Set up an AWS Amplify account
  3. Connect your repository to Amplify
  4. Configure build settings: ```yaml version: 1 frontend: phases: preBuild: commands: - npm install build: commands: - npm run build
artifacts: baseDirectory: dist files: - '/*' cache: paths: - node_modules//* ```

AWS Amplify – Full-Stack Development and Hosting

Key Benefits

  1. 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
  2. Integrated Backend Services
    • Authentication and user management
    • API integration capabilities
    • Database integration options
    • File storage solutions
    • Easy scalability for future features
  3. Scalability Features
    • Automatic scaling for varying traffic levels
    • Global content delivery through CloudFront
    • Built-in performance optimization
    • Reliable hosting infrastructure
  4. Cost-Effective Solution
    • Free tier available for small applications
    • Pay-as-you-grow pricing model
    • No upfront infrastructure costs
    • Optimized resource utilization
  5. Developer-Friendly Interface
    • Intuitive console for management
    • Comprehensive CLI tools
    • Real-time deployment logs
    • Built-in monitoring and analytics

Deployment Process

  1. Initial Setup# Install Amplify CLI
    npm install -g @aws-amplify/cli# Configure Amplify
    amplify configure
  2. Project Configuration# Initialize Amplify in your project
    amplify init# Add hosting
    amplify add hosting
  3. Deploy Application# Push changes to Amplify
    amplify push# Publish frontend
    amplify publish

Monitoring and Management

  • Access deployment logs through Amplify Console
  • Monitor application performance
  • View error reports and debugging information
  • Track user analytics and usage patterns

Security Features

  • Built-in SSL/TLS encryption
  • IAM role-based access control
  • Environment variable management
  • Secure content delivery
Image not found
Amplify

Amazon Q Developer – Your AI-Powered Coding Assistant

Key Capabilities

  1. 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
  2. Intelligent Debugging
    • Real-time code analysis and error detection
    • Performance optimization suggestions
    • Memory leak identification
    • Game logic verification
    • Browser compatibility checks
  3. Code Enhancement
    • Improves code readability and maintainability
    • Suggests modern React patterns and practices
    • Optimizes game performance
    • Recommends better TypeScript types
    • Enhances component reusability
  4. 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
  5. Game Development Features
    • Canvas rendering optimization
    • Game loop implementation
    • Collision detection algorithms
    • Animation frame management
    • Audio handling improvements
Image not found
Amazon Q

Contributing

Contributions are welcome! Feel free to submit issues and pull requests.
  1. Fork the repository
  2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
  3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
  4. Push to the branch (`git push origin feature/AmazingFeature`)
  5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgments

  • 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

Future Enhancements

  • Global leaderboard
  • Multiple game modes
  • Power-ups and special abilities
  • Multiplayer support
  • Mobile touch controls
  • Additional planet types and obstacles
     
Comments

Comments

Log in to comment