Greasy Fork is available in English.

Drawaria Letters in the Canvas Safe Version

Write text on the Drawaria canvas with sliders for position, improved UI, dark mode, and font size control

نووسەر
YouTubeDrawaria
Daily installs
0
Total installs
7
Ratings
0 0 0
وەشان
2025-01-21
Created
2025-01-22
Updated
2025-01-22
Size
40.7 KB
مۆڵەت
MIT
Applies to

Here’s a detailed description for the script, which you can use to explain its functionality and purpose:

---

### **Drawaria Letters in the Canvas - UserScript**

#### **Description**
This userscript enhances the **Drawaria Online** drawing experience by allowing you to easily write text on the canvas. Instead of manually drawing letters, you can select from a predefined list of words, adjust their position, size, color, and direction, and then send them to the canvas with a single click. The script also includes an eraser feature to remove text, making it a powerful tool for creating text-based art or annotations in Drawaria.

#### **Key Features**
1. **Predefined Word List**:
- Choose from a list of 10 predefined words (e.g., "HELLO", "WORLD", "DRAW").
- Only one word can be selected at a time using radio buttons.

2. **Customizable Text Properties**:
- **Position**: Adjust the X and Y coordinates of the text using sliders.
- **Color**: Select a color for the text using a color picker.
- **Font Size**: Control the size of the text with a thickness slider.
- **Direction**: Choose the text direction (Left to Right, Right to Left, Top to Bottom, Bottom to Top).

3. **Send and Erase Text**:
- **Send Text**: Draw the selected word on the canvas with the chosen properties.
- **Erase Text**: Remove the selected word by drawing it in white (eraser mode).

4. **User-Friendly Interface**:
- Compact and scrollable word list for easy selection.
- Dark mode theme for better visibility.
- Draggable tool panel for flexible positioning on the screen.

5. **Character Drawing**:
- The script includes commands for drawing all uppercase letters (A-Z), numbers (0-9), and common symbols (e.g., !, ?, @, #, $, %, etc.).
- Each character is drawn using line segments, ensuring compatibility with Drawaria's drawing system.

6. **WebSocket Integration**:
- The script interacts with Drawaria's WebSocket to send drawing commands directly to the canvas.

#### **How to Use**
1. **Install the Script**:
- Use a userscript manager like **Tampermonkey** or **Greasemonkey** to install the script.
- Copy and paste the script into a new userscript.

2. **Open Drawaria Online**:
- Navigate to [Drawaria Online](https://drawaria.online) and start a new drawing or join an existing one.

3. **Access the Tool Panel**:
- A draggable tool panel will appear in the top-left corner of the screen.
- Click the title bar to expand or collapse the panel.

4. **Select a Word**:
- Choose a word from the scrollable list. Only one word can be selected at a time.

5. **Adjust Text Properties**:
- Use the sliders to set the X and Y position, font size, and direction.
- Pick a color using the color picker.

6. **Send or Erase Text**:
- Click **Send Text** to draw the selected word on the canvas.
- Click **Erase Text** to remove the selected word by drawing it in white.

#### **Compatibility**
- **Browser**: Works on all major browsers (Chrome, Firefox, Edge, etc.) with a userscript manager installed.
- **Platform**: Compatible with Drawaria Online.

#### **License**
This script is released under the **MIT License**, allowing free use, modification, and distribution.

#### **Author**
- **Author**: You
- **Version**: 2024-05-23
- **GitHub**: (Optional: Add a link to your GitHub repository if you have one)

#### **Screenshots**
(Optional: Add screenshots of the tool panel and text drawn on the canvas.)

---

### **Why Use This Script?**
- **Save Time**: No need to manually draw letters or words.
- **Precision**: Adjust text properties to perfectly fit your drawing.
- **Creativity**: Experiment with different colors, sizes, and directions to create unique text-based art.
- **Ease of Use**: The intuitive interface makes it accessible for both beginners and experienced users.

---

This description provides a comprehensive overview of the script's features, usage, and benefits. You can include it in the script's metadata or as part of the documentation if you share it with others.