🎬 Drawaria Real Layer Animation System
Use: https://ezgif.com/split (to split your gif in multiple images for this script)
🎯 What does this script do? / ¿Qué hace este script?
English: Advanced REAL layer animation system for Drawaria.online with image import, loop animation, high-quality processing, and professional animation tools
Español: Sistema de animación por capas REAL avanzado para Drawaria.online con importación de imágenes, animación en bucle, procesamiento de alta calidad y herramientas de animación profesionales
✨ Features / Características
🎨 Professional Animation Tools
- 🎬 Real Layer System - True multi-layer animation with individual layer control
- 🖼️ Image Import - Import multiple images and convert them to drawable animations
- ⭐ Quality Control - Toggle between high-quality and normal quality image processing
- 🔄 Loop Animation - Seamless looping animations with customizable speed control
- 👁️ Onion Skinning - See previous/next frames for smooth animation workflow
- 🎮 Real-time Drawing - Direct integration with Drawaria's canvas system
- 📋 Layer Management - Add, remove, duplicate, clear, and organize layers
- ⚡ WebSocket Integration - Real-time synchronization with game servers
Español:
- 🎬 Sistema de Capas Real - Animación multicapa verdadera con control individual de capas
- 🖼️ Importación de Imágenes - Importa múltiples imágenes y conviértelas en animaciones dibujables
- ⭐ Control de Calidad - Alterna entre procesamiento de imagen de alta calidad y normal
- 🔄 Animación en Bucle - Animaciones en bucle perfectas con control de velocidad personalizable
- 👁️ Papel Cebolla - Ve fotogramas anteriores/siguientes para flujo de animación suave
- 🎮 Dibujo en Tiempo Real - Integración directa con el sistema de canvas de Drawaria
- 📋 Gestión de Capas - Añade, elimina, duplica, limpia y organiza capas
- ⚡ Integración WebSocket - Sincronización en tiempo real con servidores del juego
📥 Installation / Instalación
| 🇺🇸 English Instructions | 🇪🇸 Instrucciones en Español |
- Install Tampermonkey extension
- Click "Install this script" button
- Join a drawing room on drawaria.online
- Click the 🎬 button (top-right corner)
- Start creating layered animations!
| - Instala la extensión Tampermonkey
- Haz clic en "Instalar este script"
- Únete a una sala de dibujo en drawaria.online
- Haz clic en el botón 🎬 (esquina superior derecha)
- ¡Comienza a crear animaciones por capas!
|
🎮 How to Use / Cómo Usar
- 🎬 Step 1: Click the floating 🎬 button to open the animation panel
Paso 1: Haz clic en el botón flotante 🎬 para abrir el panel de animación - 🖊️ Step 2: Draw directly on the preview canvas or import images
Paso 2: Dibuja directamente en el canvas de vista previa o importa imágenes - 📋 Step 3: Add new layers with ➕ button and create frame-by-frame animation
Paso 3: Añade nuevas capas con el botón ➕ y crea animación cuadro por cuadro - ▶️ Step 4: Press PLAY to see your animation come to life in Drawaria!
Paso 4: ¡Presiona PLAY para ver tu animación cobrar vida en Drawaria!
🛠️ Control Panel / Panel de Control
🎛️ Interface Overview / Descripción de la Interfaz
| Control / Control | Function / Función |
| 🎬 Toggle Button | Open/close the animation panel |
| ◀ ▶ Navigation | Navigate between layers |
| ➕ ➖ Layer Controls | Add/remove layers |
| 🔄 Loop Toggle | Enable/disable loop animation |
| ⭐ Quality Toggle | Switch between high/normal quality import |
| 🏞️ Image Import | Import multiple image files |
🎨 Advanced Features / Características Avanzadas
🔬 Technical Capabilities / Capacidades Técnicas
🖼️ Image Processing: - High Quality Mode: 1px precision, 150x150 internal resolution
- Normal Quality Mode: 2px precision, 100x100 internal resolution
- Smart alpha transparency handling
- Automatic color conversion to RGB values
🎬 Animation System: - Real WebSocket integration with Drawaria servers
- Frame-by-frame animation with precise timing control
- Automatic canvas clearing between frames
- Speed control: 3ms to 500ms per frame
👁️ Onion Skinning: - Previous frame in red tint
- Next frame in blue tint
- Adjustable opacity (10% to 100%)
⚠️ Important Requirements / Requisitos Importantes
📋 READ BEFORE USING
- 🎮 You MUST be in a drawing room on Drawaria.online
- 🌐 Requires active WebSocket connection to Drawaria servers
- 🖼️ Images will be converted to line drawings automatically
- ⏱️ Animation speed affects server communication timing
- 🔄 Loop mode will repeat animation until manually stopped
Español:
- 🎮 DEBES estar en una sala de dibujo en Drawaria.online
- 🌐 Requiere conexión WebSocket activa a los servidores de Drawaria
- 🖼️ Las imágenes se convertirán automáticamente a dibujos de líneas
- ⏱️ La velocidad de animación afecta el tiempo de comunicación del servidor
- 🔄 El modo de bucle repetirá la animación hasta detenerla manualmente
🎛️ Quality Settings / Configuraciones de Calidad
| Quality Mode / Modo de Calidad | Processing Details / Detalles de Procesamiento |
⭐ High Quality Mode
Modo de Alta Calidad | • 1 pixel precision scanning
• 150x150 internal resolution
• Image smoothing enabled
• More detailed output |
🔹 Normal Quality Mode
Modo de Calidad Normal | • 2 pixel precision scanning
• 100x100 internal resolution
• Faster processing
• Good balance of quality/speed |
🔧 Troubleshooting / Solución de Problemas
✅ Working Correctly: Green circle 🟢 next to "Layer Animator" title
✅ Funcionando Correctamente: Círculo verde 🟢 junto al título "Layer Animator"
❌ Connection Issues: Red circle 🔴 - Join a drawing room and refresh
❌ Problemas de Conexión: Círculo rojo 🔴 - Únete a una sala de dibujo y actualiza
⚠️ Animation Not Playing: Check if you have drawing permission in the room
⚠️ La Animación No Reproduce: Verifica si tienes permisos de dibujo en la sala
📊 Compatibility / Compatibilidad
| ✅ Supported Browsers / Navegadores Compatibles | ✅ Required Extensions / Extensiones Requeridas |
Chrome, Firefox, Edge, Safari
(Modern browsers with WebSocket support) | Tampermonkey or Greasemonkey
(Tampermonkey recommended for best performance) |
💡 Pro Tips / Consejos Profesionales
🎓 Animation Tips
- Layer Organization: Keep each frame on a separate layer for smooth animation
- Onion Skinning: Use low opacity (20-30%) to see frame transitions clearly
- Speed Control: Start with 50ms speed, adjust based on animation complexity
- Image Import: Use high-contrast images for better line conversion
- Loop Mode: Perfect for creating GIF-like animations
Español:
- Organización de Capas: Mantén cada fotograma en una capa separada para animación suave
- Papel Cebolla: Usa opacidad baja (20-30%) para ver transiciones de fotogramas claramente
- Control de Velocidad: Comienza con velocidad de 50ms, ajusta según complejidad de animación
- Importación de Imágenes: Usa imágenes de alto contraste para mejor conversión de líneas
- Modo Bucle: Perfecto para crear animaciones tipo GIF
🎉 Ready to Create Professional Animations!
Transform your Drawaria drawings into stunning animated masterpieces
¡Transforma tus dibujos de Drawaria en impresionantes obras maestras animadas!
🎬 🎨 ✨ 🚀 🎭
Author: YouTubeDrawaria | Version: 3.5 | License: MIT
Support: Report issues in the comments below | Advanced: Professional layer animation system
