Modo Móvil (Canvas-First): Animación Profesional en tu Teléfono o iPad
Descubre cómo el modo Canvas-First de Brinimate mantiene el área de dibujo visible en todo momento, con paneles bottom sheet, drag handles y auto-colapso para pantallas táctiles.
LuisOA
Equipo Brinimate
Modo Móvil: El Primer Editor de Animación Profesional para Pantallas Táctiles
La mayoría de las herramientas de animación tratan el móvil como una ocurrencia tardía — un visor simplificado, un “modo básico” que insulta a los artistas profesionales. Brinimate fue diseñado diferente.
Canvas-First es nuestra filosofía móvil: el lienzo siempre es el rey. Dibujas en pantalla completa y todo lo demás se quita del camino.
📱 ¿Qué es Canvas-First?
En un editor de escritorio estándar, los paneles rodean el lienzo por todos lados. Eso funciona bien en un monitor de 27”. En un teléfono o iPad, significa que estás dibujando en una pequeña franja de espacio de pantalla — inaceptable para trabajo real.
Canvas-First invierte este modelo:
- El lienzo llena la pantalla — siempre, el 100% del tiempo.
- Los paneles son bajo demanda — se deslizan desde abajo cuando los necesitas y se colapsan cuando no.
- Nunca te interrumpirán paneles que obscurezcan lo que estás dibujando.
📋 Paneles en Bottom Sheet
En móvil, los seis paneles principales se abren como bottom sheets — paneles interactivos que se deslizan desde el borde inferior:
| Panel | Qué Contiene |
|---|---|
| Timeline | Capas, keyframes, controles de reproducción |
| Inspector | Relleno, contorno, opacidad, pathfinder, edición de símbolo |
| Outliner | Lista de objetos y renombrado |
| Assets | Biblioteca de símbolos y exploración |
| Quick | Acciones rápidas (duplicar, eliminar, reordenar, opacidad) |
Para abrir un panel: Toca su botón en la barra de herramientas o el header. Para cerrar un panel: Toca el botón X en el header del panel.
↕️ Redimensionar Paneles con el Drag Handle
¿Necesitas más espacio para ver tus capas del timeline u opciones del inspector? Cada bottom sheet tiene un drag handle en la parte superior.
- Agarra el handle (la barra/indicador horizontal en la parte superior del panel).
- Arrastra hacia arriba para expandir el panel y ver más contenido.
- Arrastra hacia abajo para colapsarlo de vuelta (o cerrarlo si arrastras lo suficientemente lejos).
Esto te da control preciso sobre cuánto espacio de lienzo sacrificas para la visibilidad del panel en cualquier momento dado.
🤖 Modo Auto Colapso
El auto colapso es la función móvil más inteligente de Brinimate. Cuando está activada, oculta automáticamente el panel abierto en el momento en que tocas el lienzo para dibujar — luego lo devuelve cuando levantas el dedo.
Para activar/desactivar el Auto Colapso:
- Encuentra el botón Auto ON/OFF en el header (o área de control del panel).
- Tócalo para activar o desactivar.
Cuándo es excelente:
- Estás en una fase de dibujo intensivo y los paneles siguen interrumpiendo tu flujo de pincel.
- Quieres dibujar con una sola mano con revisiones ocasionales del panel.
Cuándo desactivarlo:
- Estás en una fase de composición/layout y necesitas consultar constantemente el Inspector.
- Estás haciendo ediciones precisas del timeline donde el panel debe permanecer visible.
🔄 Scrubbing Táctil del Timeline
Navegar el Timeline en dispositivos táctiles usa scrubbing — arrastrando el dedo hacia la izquierda o derecha a lo largo de la pista de fotogramas para mover el cabezal de reproducción.
- Arrastra a la derecha → avanza en el tiempo.
- Arrastra a la izquierda → retrocede en el tiempo.
- Suelta → el cabezal se detiene en tu posición.
Las celdas del timeline son deliberadamente más grandes en móvil para acomodar la precisión de la yema del dedo y reducir los clics erróneos en fotogramas adyacentes.
⬇️ Envoltura de Filas de Botones
Algunos paneles (especialmente los controles del Timeline) tienen muchos botones. En escritorio caben en una fila. En móvil, Brinimate automáticamente envuelve las filas largas de botones en múltiples líneas.
Esto asegura que cero botones estén ocultos — sin desplazamiento horizontal, sin menús de desbordamiento, sin botones “más…” que oculten acciones críticas. Todo permanece visible y tocable.
💡 Consejo de Pro — Mejor Flujo de Trabajo Móvil: Usa Auto Colapso ACTIVADO durante los pases de dibujo, y cámbialo a DESACTIVADO durante los pases de timeline/inspector. Trabaja en ciclos alternados: Dibujar (canvas-first, sin paneles) → Editar (panel abierto, hacer ajustes) → Dibujar de nuevo. Este ritmo te mantiene en flujo sin gestión constante de paneles.
¿Dibujas en un iPad con un Apple Pencil o un Samsung S Pen? El enfoque Canvas-First brilla más en tablets equipadas con lápiz donde puedes usar tu mano dominante para dibujar y la otra mano para toques de panel rápidos — una experiencia casi de nivel desktop en un formato portátil.