☰

Drawaria fetched from JSON Animation

Animates characters on Drawaria.online canvas with optimized drawing commands, fetched from JSON, and precisely centered on the canvas. Supports multiple animations and a delay between loops.

Author
YouTubeDrawaria
Daily installs
0
Total installs
2
Ratings
0 0 0
Version
1.0
Created
2025-08-02
Updated
2025-08-17
Size
24.5 KB
License
MIT
Applies to

🚀 Drawaria fetched from JSON Animation

THIS IS THE OFFICIAL ANIMATOR FOR DRAWARIA TO OPTIMIZE YOUR GIF FIRST SET YOUR GIF TO 2 OR 3 FRAMES: https://ezgif.com/maker AND OPTIMIZING YOUR GIF USE MY PYTHON PROGRAM THAT CONVERTS GIF INTO .JSON FOR DRAWARIA COMMANDS LOAD THEM: https://github.com/DrawariaDeveloper/Gif-to-Drawaria-Json/blob/main/gif_to_drawaria_json.py WHEN YOUR .JSON IS READY, UPLOAD IT INTO YOUR GITHUB ACCOUNT, GET THE RAW LINK AND ADD IT INTO THE ANIMATOR AND YOU GOT YOUR ANIMATION!

🎯 What does this script do? / ¿Qué hace este script?

English: This script introduces an advanced animation system to Drawaria, allowing users to load animations from JSON files and play them on the canvas using a bot. It provides a user interface with controls to activate the animator, select different animations (Space Invader, Mario, Sonic), adjust animation speed and brush thickness, and start/stop animations. The script optimizes drawing by sending commands in chunks and includes features like canvas clearing, loop pausing, and WebSocket management for executing animations accurately.

Español: Este script introduce un sistema avanzado de animación en Drawaria, permitiendo a los usuarios cargar animaciones desde archivos JSON y reproducirlas en el lienzo usando un bot. Proporciona una interfaz de usuario con controles para activar el animador, seleccionar diferentes animaciones (Space Invader, Mario, Sonic), ajustar la velocidad de animación y el grosor del pincel, e iniciar/detener animaciones. El script optimiza el dibujo enviando comandos en bloques e incluye funciones como limpieza de lienzo, pausa entre bucles y gestión de WebSocket para ejecutar animaciones con precisión.

✨ Features / Características

JSON-Based Animation System
  • 🔧 Load Animations from JSON - Supports animations defined in external JSON files (e.g., Space Invaders, Mario, Sonic).
  • ⚡ Animated Drawing via Bot - Executes drawing commands fetched from JSON to animate characters/objects.
  • 🎨 UI Controls - Allows activation/deactivation, animation selection, speed adjustment, and brush thickness control.
  • 🚀 Optimized Drawing Commands - Sends drawing commands in chunks with delays for better performance and server load management.
  • 💡 Centered Animation Display - Precisely centers animations on the canvas based on metadata.
  • 🔒 Loop Control & Pausing - Supports looping animations with optional pauses between loops.

Español:

  • 🔧 Cargar Animaciones desde JSON - Soporta animaciones definidas en archivos JSON externos (ej. Space Invaders, Mario, Sonic).
  • ⚡ Dibujo Animado vía Bot - Ejecuta comandos de dibujo obtenidos de JSON para animar personajes/objetos.
  • 🎨 Controles de UI - Permite activación/desactivación, selección de animación, ajuste de velocidad y control de grosor de pincel.
  • 🚀 Comandos de Dibujo Optimizados - Envía comandos de dibujo en bloques con retrasos para mejor rendimiento y gestión de carga del servidor.
  • 💡 Visualización de Animación Centrada - Centra con precisión las animaciones en el lienzo basándose en metadatos.
  • 🔒 Control de Bucle y Pausas - Soporta animaciones en bucle con pausas opcionales entre bucles.

📥 Installation / Instalación

🇺🇸 English Instructions 🇪🇸 Instrucciones en Español
  1. Install the Tampermonkey extension (or a similar userscript manager) in your browser.
  2. Create a new userscript and paste the provided code into the editor.
  3. Save the script.
  4. Navigate to the Drawaria website (https://drawaria.online/).
  5. The "YouTube Engine Pro" menu will appear, likely near the top-left corner.
  6. Ensure you have a bot (or the bot's WebSocket connection) active to send drawing commands.
  1. Instala la extensión Tampermonkey (o un gestor de userscripts similar) en tu navegador.
  2. Crea un nuevo userscript y pega el código proporcionado en el editor.
  3. Guarda el script.
  4. Navega al sitio web de Drawaria (https://drawaria.online/).
  5. El menú "YouTube Engine Pro" aparecerá, probablemente cerca de la esquina superior izquierda.
  6. Asegúrate de tener un bot (o la conexión WebSocket del bot) activo para enviar comandos de dibujo.

🎮 How to Use / Cómo Usar

  • 🔵 Step 1: Open Drawaria. The animator menu will appear.
    Paso 1: Abre Drawaria. Aparecerá el menú del animador.
  • 🟢 Step 2: Select the desired animation type (e.g., Space Invader, Mario, Sonic) using the navigation buttons.
    Paso 2: Selecciona el tipo de animación deseado (ej. Space Invader, Mario, Sonic) usando los botones de navegación.
  • 🟣 Step 3: Adjust animation speed (ms/frame) and brush thickness as needed.
    Paso 3: Ajusta la velocidad de animación (ms/frame) y el grosor del pincel según sea necesario.
  • 🟠 Step 4: Click "Activar Animador" to load the animation data. Then, click "Iniciar Animación" to play it.
    Paso 4: Haz clic en "Activar Animador" para cargar los datos de la animación. Luego, haz clic en "Iniciar Animación" para reproducirla.

🛠️ Technical Details / Detalles Técnicos

Feature / Característica Details / Detalles
JSON Data Loading Fetches animation frame data from specified GitHub raw URLs.
WebSocket Hooking Intercepts WebSocket messages to find the game socket for sending drawing commands.
Draw Command Generation Generates Drawaria-specific draw commands based on parsed JSON frame data.
Animation Loop Control Manages animation playback, frame progression, looping, and pausing using setTimeout.

⚠️ Important Warnings / Advertencias Importantes
  • 🚨 This script requires a separate bot or WebSocket connection to be active to send drawing commands. It does not draw directly.
  • 🚨 Ensure the JSON URLs are correct and accessible. Invalid or inaccessible URLs will prevent animations from loading.
  • 🚨 Using automation scripts like this may violate Drawaria's Terms of Service. Use responsibly and at your own risk.
  • 🚨 Performance may vary depending on the complexity of the animation and server lag.

Español:

  • 🚨 Este script requiere un bot separado o una conexión WebSocket activa para enviar comandos de dibujo. No dibuja directamente.
  • 🚨 Asegúrate de que las URLs de JSON sean correctas y accesibles. URLs inválidas o inaccesibles impedirán la carga de animaciones.
  • 🚨 El uso de scripts de automatización como este puede violar los Términos de Servicio de Drawaria. Úsalo responsablemente y bajo tu propio riesgo.
  • 🚨 El rendimiento puede variar dependiendo de la complejidad de la animación y el lag del servidor.

🔧 Troubleshooting / Solución de Problemas

✅ The animator menu appears, animations can be selected, and when started, they play on the canvas using bot commands.
✅ El menú animador aparece, las animaciones se pueden seleccionar y, cuando se inician, se reproducen en el lienzo usando comandos de bot.
⚠️ If the menu doesn't appear or animations fail to load, ensure Tampermonkey is enabled and the script is correctly installed. Check the browser console for errors related to JSON fetching or WebSocket connection.
⚠️ Si el menú no aparece o las animaciones no se cargan, asegúrate de que Tampermonkey esté habilitado y el script esté instalado correctamente. Revisa la consola del navegador en busca de errores relacionados con la obtención de JSON o la conexión WebSocket.
❌ If animations play incorrectly (e.g., wrong colors, incorrect shapes, or no drawing), verify the JSON file format and the drawing commands within it. Ensure the brush thickness and frame delay settings are appropriate.
❌ Si las animaciones se reproducen incorrectamente (ej. colores incorrectos, formas erróneas o sin dibujo), verifica el formato del archivo JSON y los comandos de dibujo dentro de él. Asegúrate de que la configuración de grosor de pincel y retraso de frame sea adecuada.

📊 Compatibility / Compatibilidad

✅ Compatible Browsers / Navegadores Compatibles ✅ Required Extensions / Extensiones Requeridas
Chrome, Firefox, Edge, Opera
(Browsers supporting userscripts, Fetch API, WebSocket, and JSON parsing) 		Tampermonkey or similar userscript manager
(Required for script execution)
Access to a bot instance for sending Drawaria commands

🔄 How to Disable / Cómo Desactivar

Method 1 - Script Manager:

Open your userscript manager (e.g., Tampermonkey), find "Drawaria fetched from JSON Animation", and disable or delete it.

Método 1 - Gestor de Scripts: Abre tu gestor de userscripts (ej. Tampermonkey), busca "Drawaria fetched from JSON Animation" y desactívalo o elimínalo.

Method 2 - Disable Animator:

Click the "Desactivar Animador" button in the menu to stop animations and disable the animator's functionality.

Método 2 - Desactivar Animador: Haz clic en el botón "Desactivar Animador" en el menú para detener las animaciones y deshabilitar la funcionalidad del animador.

💡 Pro Tips / Consejos Profesionales

  • Create Custom Animations: Follow the provided Python script structure to convert your own GIFs into Drawaria-compatible JSON animations.
  • Optimize JSON Data: For smoother animations, ensure the JSON frames are efficiently structured and the drawing commands are optimized.
  • Adjust Parameters: Experiment with `DEFAULT_ANIMATION_DISPLAY_SIZE_PX`, `LOOPS_BEFORE_PAUSE`, `PAUSE_DURATION_MS`, `COMMANDS_PER_CHUNK`, and `CHUNK_DELAY_MS` to fine-tune performance.
  • Combine with Bot: Use this animator in conjunction with drawing bots to automatically draw complex images or animations.
  • Error Checking: Monitor the browser console for any errors related to JSON parsing, WebSocket communication, or drawing commands.

Español:

  • Crea Animaciones Personalizadas: Sigue la estructura del script Python proporcionada para convertir tus propios GIFs en animaciones JSON compatibles con Drawaria.
  • Optimiza Datos JSON: Para animaciones más fluidas, asegúrate de que los frames JSON estén estructurados de manera eficiente y los comandos de dibujo estén optimizados.
  • Ajusta Parámetros: Experimenta con `DEFAULT_ANIMATION_DISPLAY_SIZE_PX`, `LOOPS_BEFORE_PAUSE`, `PAUSE_DURATION_MS`, `COMMANDS_PER_CHUNK`, y `CHUNK_DELAY_MS` para ajustar el rendimiento.
  • Combina con Bot: Usa este animador junto con bots de dibujo para dibujar automáticamente imágenes o animaciones complejas.
  • Verificación de Errores: Monitorea la consola del navegador para detectar cualquier error relacionado con el análisis JSON, la comunicación WebSocket o los comandos de dibujo.

🎉 Ready to Use! / ¡Listo para Usar!

Bring your favorite characters to life on the Drawaria canvas with animated sequences!

¡Da vida a tus personajes favoritos en el lienzo de Drawaria con secuencias animadas!

🎨 🚀 ✨ 💫 🌟

Author: YouTubeDrawaria | Version: 1.0 | License: MIT
Support: Report issues in the comments below | Additional Info: Animates drawings on Drawaria using JSON data and bot commands.