Greasy Fork is available in English.
Write text on the Drawaria canvas using WebSockets
Sure! Here's a step-by-step guide on how to use the "Drawaria Canvas Text Writer Save Version" script for a normal user:
### Step 1: Install the Script
1. **Install a UserScript Manager**:
- If you are using a browser like Chrome or Firefox, you need to install a user script manager extension. Popular options include **Tampermonkey** or **Greasemonkey**.
- For Chrome, you can install Tampermonkey from the [Chrome Web Store](https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo).
- For Firefox, you can install Greasemonkey from the [Firefox Add-ons](https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/).
2. **Add the Script**:
- Once you have the user script manager installed, click on its icon in the browser toolbar and select "Create a new script..." or "Dashboard" and then "Add a new script".
- Copy the entire script provided above and paste it into the script editor.
- Save the script.
### Step 2: Using the Script
1. **Open Drawaria**:
- Navigate to the Drawaria website where you want to use the script.
2. **Access the Script Interface**:
- Once you are on the Drawaria website, you should see a new interface appear on the screen. This interface is a floating menu that allows you to interact with the canvas.
- The menu will be positioned at the top-left corner of the screen by default.
3. **Interacting with the Menu**:
- **Toggle Button**: Click the toggle button (▲ or ▼) to expand or collapse the menu.
- **Word List**: Select a word from the list by clicking the checkbox next to it. Only one word can be selected at a time.
- **Font Select**: Choose a font from the dropdown menu.
- **Pixel Size**: Adjust the pixel size using the slider. The current size is displayed next to the slider.
- **Horizontal Position**: Adjust the horizontal position of the text using the slider.
- **Vertical Position**: Adjust the vertical position of the text using the slider.
- **Color Input**: Enter the color code (e.g., #FFFFFF for white) for the text.
- **Custom Text**: Enter custom text in the input field and click "Send Custom Text" to draw it on the canvas.
- **Send Text**: Click this button to draw the selected word on the canvas with the chosen settings.
- **Clear Canvas**: Click this button to clear the canvas.
- **Join**: Click this button to join a room using the invitation URL.
- **Preset Name**: Enter a name for the preset settings.
- **Save Preset**: Click this button to save the current settings as a preset.
- **Load Preset**: Select a preset from the dropdown and click this button to load the saved settings.
- **Delete Preset**: Select a preset from the dropdown and click this button to delete the saved settings.
- **Clear Log**: Click this button to clear the log messages.
- **Clear All Canvas**: Click this button to clear the entire canvas.
4. **Logging**:
- The log container displays messages related to actions performed, such as sending text, clearing the canvas, joining rooms, etc.
- Click the log toggle button (▲ or ▼) to expand or collapse the log container.
### Step 3: Drawing Text on the Canvas
1. **Select Text**:
- Choose a word from the word list or enter custom text.
2. **Adjust Settings**:
- Select a font, adjust the pixel size, horizontal and vertical positions, and enter the color code.
3. **Send Text**:
- Click the "Send Text" button to draw the text on the canvas with the chosen settings.
### Step 4: Saving and Loading Presets
1. **Save Preset**:
- Enter a name for the preset in the "Preset Name" input field.
- Click the "Save Preset" button to save the current settings.
2. **Load Preset**:
- Select a preset from the "Load Preset" dropdown.
- Click the "Load Preset" button to load the saved settings.
3. **Delete Preset**:
- Select a preset from the "Load Preset" dropdown.
- Click the "Delete Preset" button to delete the saved settings.
### Step 5: Clearing the Canvas
1. **Clear Canvas**:
- Click the "Clear Canvas" button to clear the canvas.
2. **Clear All Canvas**:
- Click the "Clear All Canvas" button to clear the entire canvas.
### Step 6: Joining a Room
1. **Join Room**:
- Enter the invitation URL in the input field.
- Click the "Join" button to join the room.
### Additional Tips
- **Dragging the Menu**: You can drag the menu and the log container to reposition them on the screen by clicking and holding the title bar or the log toggle button and moving them to the desired location.
- **Logging Actions**: The log container will display messages for each action performed, helping you keep track of what has been done.
By following these steps, you should be able to use the "Drawaria Canvas Text Writer" script effectively to draw text on the Drawaria canvas and manage your settings with ease.
