R-Type Map Generator 🚀

A collection of tools for the R-Type project, designed to streamline sprite cropping, map creation, and real-time server traffic monitoring using WebSockets.

Tools Included:

1. Map Generator 🗺️

Create intricate maps for your R-Type project using the Map Generator. Define the layout, spawn points, and other parameters to generate visually appealing and functional game maps.

2. Sprite Cropper 🎮

Easily crop sprites for your R-Type game with the Sprite Cropper tool. Simply upload your sprite sheet, define the cropping parameters, and let the tool generate individual sprite images.

3. WebSocket Traffic Monitor 🌐

Monitor the traffic of your own server in real-time using the WebSocket Traffic Monitor. Gain insights into the communication between the client and server, helping in debugging and optimization.

Certainly! Let's add some emojis and clarify the usage instructions:

## How to Use 🚀

1. **Clone the repository:**

   ```bash
   git clone https://github.com/your-username/r-type-map-generator.git

2. Launch with Docker:

   Each tool has its own Dockerfile for easy deployment. Follow these steps to run them:

   • Map Generator 🗺️ and Sprite Cropper 🎮:

     cd frontend
     docker build -t frontend .
     docker run -p 8080:80 frontend

   • WebSocket Traffic Monitor 🌐:

     cd backend
     docker build -tbackend .
     docker run -p 8082:80 backend

   Adjust the port numbers (8080, 8081, 8082, etc.) as needed to avoid conflicts.

Make sure Docker is installed on your system before running these commands.

Screenshots 📸

Include actual screenshots or images of each tool in action: