Creates expanding shapes animation with a modern menu with an uptade in the menu
To use the **Drawaria Expansive Shapes** userscript, follow these steps:
---
### **1. Install a Userscript Manager**
- You need a userscript manager like **Tampermonkey** or **Greasemonkey** to run this script.
- **Tampermonkey** is recommended and works on most browsers (Chrome, Firefox, Edge, etc.).
- Install Tampermonkey from your browser's extension store.
---
### **2. Install the Script**
1. Copy the entire script provided above.
2. Open your userscript manager (e.g., Tampermonkey).
3. Click on **Create a new script** or go to the **Dashboard** and select **Add new script**.
4. Replace the default template with the copied script.
5. Save the script (Ctrl + S or the save button).
---
### **3. Navigate to Drawaria**
- Go to [Drawaria Online](https://drawaria.online/).
- The script will automatically run when the page loads.
---
### **4. Using the Menu**
- A menu titled **Expansive Shapes** will appear on the top-right corner of the screen.
- The menu contains buttons for different shapes and animations:
- **Circle**: Creates an expanding circle.
- **Lines**: Draws expanding lines from the center.
- **Triangle**: Draws an expanding triangle.
- **Square**: Draws an expanding square.
- **Diamond**: Draws an expanding diamond.
- **Shield**: Draws an expanding shield-like shape.
- **Spider Effect**: Draws a spider-web-like pattern.
- **4 Lines**: Draws a pinwheel with 4 lines.
- **6 Lines**: Draws an explosion-like pattern with 6 lines.
- **Multicolor**: Randomly changes the color of the shapes.
- **Stop**: Stops all animations and resets the canvas.
---
### **5. Customizing Colors**
- Use the color picker at the bottom of the menu to change the color of the shapes.
- Click **Multicolor** to enable random color changes for the shapes.
---
### **6. Dragging the Menu**
- Click and hold the title bar of the menu (**Expansive Shapes**) to drag it around the screen.
---
### **7. Stopping Animations**
- Click the **Stop** button to halt all animations and reset the canvas.
---
### **Notes**
- The script works by intercepting WebSocket messages sent to the Drawaria server, so it may not work if the website changes its backend implementation.
- If the script doesn't work, ensure that the userscript manager is enabled and the script is active.
Enjoy creating beautiful, expanding shapes on Drawaria! 🎨✨
