Rigxel

 herramienta se encuentra actualmente en desarrollo 🚧, con un 89% de progreso 📊 hacia su versión final del 100% 

Buscamos un diseño moderno 🖥️✨. Queremos que la herramienta sea accesible para el principiante que solo busca crear un avatar 😊, pero lo suficientemente potente para el desarrollador indie  que requiere un sistema de weight painting avanzado, sistemas de huesos  y otras funciones de vanguardia .

> Próximamente 🚀: Estamos preparando el lanzamiento de una Versión Beta 🧪 para que los primeros usuarios prueben antes de la fecha de liberación oficial 📅🎉.

🎨 algunas Características Principales

⚡ Edición en tiempo real: Visualiza tus cambios al instante.

✂️ Recorte y redimensionado: Herramientas ágiles para ajustar tu lienzo.

🎛️ Ajustes de color: Control total de brillo, contraste y saturación.

🎞️ Animación por marcos: Sistema tradicional de frames fácil de usar.

🚀 Exportación rápida: Optimizado para obtener tus archivos al momento.

🌐 100% en el navegador: Sin instalaciones, ligero y optimizado.

🦴 Flujo de Trabajo Profesional

1. Creación y Rigging

🎨 Crea: Dibuja con precisión usando pinceles de diversas formas y un sistema de capas con opacidad ajustable.

🦴 Sistema de Rigging (Huesos): Define la estructura ósea de tu personaje. Permite crear esqueletos desde cero o importar estructuras predeterminadas. No necesitas redibujar cada pose; el sistema de huesos mueve el arte por ti.

🔗 Cinemática Inversa (IK): Posiciona a tus héroes rápidamente. Al mover la mano de un personaje, el resto del brazo le sigue de forma natural.

2. Deformación y Pesos

🧬 Deformación Elástica: Tecnología avanzada que rellena huecos y suaviza los píxeles cuando el dibujo se estira, evitando que el arte se vea "roto".

🌊 Sistema de Elasticidad: Aplica flexibilidad solo donde la necesites para que tus animaciones no se vean rígidas.

🎯 Pintado de Pesos (Weight Painting): Control de precisión mediante colores (ej. rojo para zonas rígidas, verde para elásticas). Define qué partes actúan como una pieza sólida y cuáles se deforman.

3. Herramientas Inteligentes

🔷 Pinceles Geométricos: Formas cuadradas, circulares, diamante y triángulo.

🖼️ Pintado con Textura: Carga imágenes externas para usarlas como "piel" sobre tus trazos.

🌈 Gradientes Dinámicos: Crea degradados lineales, radiales, diagonales y cónicos en tiempo real.

🧪 Filtros Pro: Incluye ruido, relieve (emboss), pixelado ajustable, desenfoque y corrección de color.

4. Interfaz y UX

🧠 Lienzo Inteligente: Cuadrícula ajustable (8px a 200px) con control de espacio (gap) y bordes.

🗂️ Gestión de Capas Pro: Duplicado, visibilidad conmutable, anclaje de área de dibujo y superposición de capas.

👁️ Visor en Tiempo Real (Visiox): Ventana secundaria para ver tu arte a escala real mientras trabajas con zoom.

🎯 Selección Inteligente: Herramientas de selección para pintar o borrar áreas específicas.

💾 Optimización y Exportación

💼 Portabilidad de Datos: Guarda y carga tus proyectos localmente. Soporte para formato JSON para exportar e importar estructuras de huesos y animaciones complejas.

↩️ Deshacer/Rehacer (Undo/Redo): Historial completo de acciones.

📦 Formatos de Salida: Obtén tu trabajo listo para motores de juegos en formato JPG, PNG o Spritesheets.

Otras Herramientas y Funciones Avanzadas

🛠️ Herramientas de Precisión y Control Técnico Además del sistema de rigging, Rigxel incluye utilidades diseñadas para el flujo de trabajo de un desarrollador:

1. Herramienta de Materiales (Propiedades Físicas)

🎨 Cuentagotas y Reemplazo: Cambia colores en todo el lienzo o solo en áreas contiguas con un solo clic.

⚙️ Configuración de Material: Asigna valores de Elasticidad y Peso directamente a un color específico.

🔥 Modos de Mezcla (Blending): Opciones de Multiply, Screen, Overlay y Tint con intensidad regulable para capas de color complejas.

2. Control de Selección y Transformación

📐 Transformación Libre: Escala (de 0.5x a 2x), rota (en pasos de 90°) y mueve selecciones en los ejes X/Y.

🪞 Selección Espejo: Refleja partes de tu dibujo automáticamente para ahorrar tiempo en diseños simétricos.

🖊️ Bordes Personalizados: Ajusta el grosor y el color del borde de selección para que nunca pierdas de vista lo que estás editando.

3. Visualización y Guías de Trabajo

👀 Modos de Visualización: Alterna entre ver solo los Huesos, el Mapa de Pesos o el Mapa de Elasticidad por ejemplo (con gradientes de calor: rojo, amarillo y verde).

📏 Cuadrícula Dinámica: Controla el Gap (espacio) entre píxeles y el grosor del borde de la cuadrícula para una estética más "retro" o moderna.

🔒 Anclaje de Lienzo: Bloquea el área de dibujo para evitar desplazamientos accidentales mientras realizas detalles minuciosos.

4. Gestión Avanzada de Animación

🎞️ Editor de Keyframes de Hueso: Un panel específico para ajustar la posición y rotación de cada hueso en la línea de tiempo.

🖼️ Galería de Cuadros (Frames): Previsualización en miniatura de toda tu secuencia de animación para una navegación rápida.

🎚️ Ajuste de Velocidad (FPS): Control deslizante para probar tu animación desde 1 hasta 60 cuadros por segundo.

5. Extras de Personalización

🖼️ Galería de Texturas Integrada: Selector de categorías (Personajes, Fondos, Objetos, Efectos) para importar texturas rápidamente.

🎨 Filtros de Post-procesado: Inversión de color, escala de grises, sepia, saturación y sombras (drop-shadow) aplicables a capas individuales.

📍 Modo Posicionamiento de Textura: Ajusta la rotación, escala y desplazamiento (offset) de una imagen cargada antes de aplicarla al lienzo.

Filosofía Rigxel

Ideal para creadores, desarrolladores y consumidores que necesitan una herramienta directa y eficiente ⚡.Rigxel combina la simplicidad del navegador   con la potencia de las herramientas modernas para creadores digitales 🚀✨.