Skip to main content
Go to Editor

Viewer: Línea de tiempo

El panel Timeline es un secuenciador de animaciones acoplable en la parte inferior del Visor. Permite organizar clips de animación en múltiples pistas, controlar la reproducción y previsualizar transiciones.

Pistas & Clips

  • Hasta 4 pistas de animación — cada pista corresponde a un trackIndex de Spine. Las pistas superiores se mezclan sobre las inferiores.
  • Añadir animación — haz clic en el botón + de cualquier pista para abrir el selector de animaciones (con filtro de búsqueda).
  • Arrastrar y redimensionar clips — arrastra el cuerpo del clip para moverlo a lo largo de la pista; arrastra los bordes izquierdo/derecho para cambiar el tiempo de inicio o la duración.
  • Eliminar clips — selecciona un clip y pulsa Delete o Backspace.
  • Detección de solapamiento — los clips solapados en la misma pista se resaltan en rojo.

Controles de reproducción

  • Reproducir / Pausa / Detener — controles de reproducción estándar.
  • Anterior / Siguiente — salta al inicio del clip anterior o siguiente.
  • Velocidad de animación — deslizador de 0,1× a 3,0×.
  • Auto-detener — la reproducción se detiene automáticamente al final de la línea de tiempo.

Mezcla de transiciones

  • Duración de mezcla global — establece el tiempo de fundido cruzado predeterminado entre clips consecutivos.
  • Overrides por transición — haz clic en la burbuja de transición entre dos clips para establecer una duración de mezcla personalizada. Puedes restablecer overrides individuales al valor global.

Búsqueda & Scrubbing

  • Cabezal de reproducción — arrastra el control en la regla de tiempo o haz clic en la regla para buscar.
  • Vista previa del tiempo del cursor — al pasar el ratón sobre el área de pistas se muestra el tiempo bajo el cursor.
  • Web Worker — la búsqueda y el cálculo de eventos se delegan a un worker en segundo plano para un rendimiento fluido.

Reproducción con físicas

  • Alterna las físicas entre Update (constraints activos) y None (desactivados).
  • Durante la búsqueda, el tiempo del esqueleto avanza para asentar correctamente los constraints de física.

Soporte multi-esqueleto

  • Selector de par objetivo — cada pista puede apuntar a todos los pares (🌐 Todos los pares) o a un esqueleto específico.
  • Posición y escala por esqueleto — entradas de desplazamiento X/Y y escala para esqueletos individuales.
  • Orden de dibujo — entrada numérica para controlar la prioridad de la capa de renderizado.

Dibujo de depuración

Alternar visibilidad para: Bones, Nombres de bones, Regions, Meshes, Hulls, Bounds, Paths, Clipping, Points.

Selección de skin

Casillas de selección múltiple para todos los skins definidos en el esqueleto cargado.

Ajustes de vista

  • Espaciado X / Y — distancia entre pares de esqueletos.
  • Desplazamiento X / Y — desplazamiento global del viewport.
  • Selector PMA — modo alfa premultiplicado (Spine 3.x) o modo alfa del atlas (Spine 4.x: auto / pma / bleed / none).
  • Etiquetas de esqueleto — alternar superposición de etiquetas.