Converts the entire Drawaria page, including all elements, to a pixelated style, with a draggable UI and separate enable/disable buttons.
Drawaria Pixel Converter Mod Is:
This script modifies the Drawaria.online website to give it a pixelated, retro look. Think of it like applying an old-school video game filter to the entire page. It does this by:
Pixelating Images and Canvases: It takes images (including the drawing canvas) and reduces their resolution, making them appear blocky.
Pixelating Text: It changes the font of text to a pixelated style.
Pixelating Background and Border Images: It also pixelates any background images and border images used on the page.
Dynamic Updates: It constantly monitors the page for changes. If new elements are added (like when someone draws something), it pixelates those too.
User Interface: It adds a control panel that lets you:
Enable/Disable: Turn the pixelation effect on and off.
Adjust Pixel Size: Change how large the "pixels" are. Smaller numbers mean more detail, larger numbers mean a more blocky look.
Drag and move the control panel
Close the control panel
How to Use the Script
Install a Userscript Manager:
You'll need a browser extension that lets you run custom JavaScript code on websites. Popular choices include:
Tampermonkey (highly recommended, available for Chrome, Firefox, Edge, Safari, Opera)
Violentmonkey (open-source alternative, similar to Tampermonkey)
Greasemonkey (Firefox only, the original userscript manager)
Go to your browser's extension/add-on store, search for one of these, and install it.
Install the Script:
Copy the entire code provided above.
Click on the icon of your userscript manager extension (e.g., the Tampermonkey icon).
Select "Create a new script..." (or a similar option).
A code editor will open. Delete any default code that's there.
Paste the copied script code into the editor.
Save the script (usually File -> Save or Ctrl+S / Cmd+S).
Go to Drawaria.online:
Open a new tab and go to https://drawaria.online/. The script should automatically run because of the @match line in the code.
Use the Control Panel:
You should see a small, draggable control panel, usually in the top-right corner of the page. It has:
Enable Pixelation: Click this to turn on the pixel effect.
Disable Pixelation: Click this to turn the effect off and return the page to normal. (This will reload the page).
Pixel Size: Type a number here to change the pixel size. Try different values (e.g., 4, 8, 16) to see what you like. Click outside the input box to apply.
Drag Handle: The top part of the panel ("Pixelator Controls") lets you click and drag the panel to a different location on the screen.
Close Button: The "×" button in the top-right corner of the panel will remove the panel and stop the script from running.
Important Notes and Troubleshooting
Reloading: If you disable pixelation, the page will reload to restore the original appearance. This is necessary because the script fundamentally alters how elements are rendered.
Performance: On very complex Drawaria rooms with many players and drawings, the script might cause a slight slowdown. If it's too slow, increase the Pixel Size to reduce the processing load.
Compatibility: The script is designed for Drawaria.online. It won't work on other websites.
Updates: If Drawaria.online changes its website structure, the script might break. You might need to update the script in the future.
CORS Errors: Sometimes, external images used as border or background images can't be loaded by the script, due to CORS. This is normal, and there is no workaround for it, except downloading those images and hosting them in drawaria, if possible.
Observing: When enabled, the script will use the mutation observer to detect and pixelate any changes in the page. This could, in rare occasions, cause performance issues, especially when the pixel size is low. If you find this is the case, increase the pixel size or disable/enable the effect as needed.
In essence: Install a userscript manager, paste the code, go to Drawaria, and use the control panel to pixelate the page!
