Advanced particle generator with draggable menu for Drawaria, using multiple techniques
**How to Use the Advanced Particle Generator with Menu in Drawaria**
1. **Previews**:
- This script is designed to work with Tampermonkey or any other userscript manager.
- Install the script by saving it as a `.js` file and adding it to your userscript manager.
- Make sure all the required libraries (particles.js, three.js, and draggabilly) are loaded.
2. **Menu Interaction**:
- After installation, you'll see a **Particle Generator** menu in the top-left corner of the screen.
- Click and drag the menu header to move it anywhere on the screen.
- Click on any of the buttons to activate different particle effects.
3. **Available Effects**:
- **✨ Constellation**: Creates a starry night effect with particles forming a constellation pattern.
- **🧬 DNA Helix**: Generates a 3D DNA-like helix structure using Three.js.
- **🌟 Fireflies**: Creates a swarm of glowing particles that move randomly.
- **🌧️ Rain**: Simulates falling rain with animated lines.
- **⚛️ Atoms**: Creates a 3D representation of orbiting electrons around a nucleus.
- **🫧 Magic Bubbles**: Generates floating bubbles that rise and disappear.
- **👾 Matrix Rain**: Creates a Matrix-style falling code effect.
- **🧹 Clear**: Clears all active particle effects.
4. **Customization**:
- You can modify the appearance and behavior of each effect by adjusting the parameters in the script.
- For example, you can change colors, speeds, sizes, and densities of particles.
- Advanced users can add new effects by extending the `particleConfigs` object or adding new Three.js scenes.
5. **Tips**:
- Some effects might be more resource-intensive than others, especially the 3D effects using Three.js.
- You can have only one effect active at a time. Click **🧹 Clear** to remove an active effect before starting a new one.
- The menu stays fixed on the screen but can be dragged to any position for convenience.
6. **Troubleshooting**:
- If no effects are showing up, check the browser console for errors.
- Ensure all required libraries are properly loaded.
- Some effects might not work as expected in older browsers.
7. **Performance Considerations**:
- Particle effects can be resource-intensive. Close unused effects to improve performance.
- The script automatically handles resizing the canvas and Three.js scenes when the window size changes.
With this script, you can enhance your Drawaria experience with beautiful and interactive particle effects. Experiment with different options to find the one that suits your creativity!
