⌚
Timeflow
  • ⌚Introduction
  • 📗User Guide
    • â–ļī¸Getting Started
      • ✅Requirements
      • âŦ‡ī¸Installation
      • 🚀Quick Start
      • âœī¸Workflow
      • đŸŽŦRender Pipeline
      • â¯ī¸Editor vs Runtime
      • đŸĻŋHow it Works
      • â›‘ī¸Potential Issues
      • ⚡Optimization
      • 🔨3rd Party Tools
      • đŸ”ĸUpgrading Guide
    • â„šī¸Timeflow Editor
      • đŸŽ›ī¸Menu Bar
      • â˛ī¸Time
      • Local Time Scope
      • 🧰Work Area
      • âš™ī¸Settings
      • âŗUpdate Settings
      • đŸ“ēDisplay Lists
      • đŸ”ģMarkers
      • đŸ”ĩObject
      • 🏭Managed Objects
      • ⚡Quick Select Objects
      • âš’ī¸Tools
    • đŸŽŦTimeflow View
      • 🔩Toolbar
        • 🔑Auto Keyframing
        • â¯ī¸Play Controls
        • đŸĨ…Work Area
        • â¯ī¸Current Time
        • đŸŽŧMusical Timing
        • 🌐Grid and Snap
        • 🔸Keyframe Values
        • đŸ”ģMarkers
      • â˛ī¸Timeline
      • 📐Time Navigation
      • Local Time Scope
      • 🎏Track View
      • â†˜ī¸Selection
      • 📰Object Panel
      • đŸ“ēDisplay Lists
      • 🍱Channels
      • đŸŖProperties
      • 🔗Channel Link
      • đŸšĨSwitches
      • 📅Values Column
      • đŸ›¤ī¸Tracks
      • 🔸Keyframes
      • đŸ“ļAlignment Tools
      • ⌛Time Offset
      • đŸ”ĸInfo Panel
      • 📉Graph View
      • âœ‚ī¸Keyframe Tools
    • 🍰Menus & Shortcuts
      • 📃Context Menus
        • â†–ī¸Select Menu
        • 📰Object Menu
        • 🍱Channel Menu
        • đŸ›¤ī¸Tracks Menu
        • 🔸Keyframes Menu
        • đŸ”ģMarkers Menu
        • 📰View Menu
        • 📰Events Menu
        • đŸĨ…Work Area Menu
      • đŸ—ƒī¸File Menu
      • âš’ī¸Timeflow Menu
        • đŸ•ēAdd Behavior
        • đŸ”ļAnimation
        • 🍱Composition
        • đŸ“ēDisplay
        • ⏊Jump To
        • 👨‍đŸ‘Ļ‍đŸ‘ĻHierarchy
        • 🌐Mesh
        • 👉Select
        • 📚Tracks
        • 🌈Track Colors
        • â†”ī¸Transform
        • đŸ‘ī¸Visibility
        • đŸ› ī¸Editor
      • đŸ”ĩGame Objects Menu
      • đŸŽ›ī¸Presets
      • âš™ī¸Preferences
        • Assets
        • ⌛Time
        • đŸŗī¸â€đŸŒˆTracks
        • âšĒObjects
        • 🧮Channels
        • đŸ”ļKeyframes
        • 🔠Input
        • đŸ“ĨImport
        • đŸ–ŧī¸Rendering
        • đŸŽ›ī¸Overrides
        • 🍱Extras
      • *ī¸âƒŖKeyboard Shortcuts
        • Managing Shortcuts
      • âœ´ī¸Quick Menu
  • Reference
    • đŸ”ĩTimeflow Object
      • đŸĸTracks
      • 🏭Behaviors
      • ⏰Events
      • đŸ—ƒī¸Channels
    • 💃Timeflow Controller
      • đŸŽžī¸Timeflow Playback
    • đŸĒ„Behaviors
      • đŸŽžī¸Animation
        • 🔸Keyframer
        • â†”ī¸Tween
        • 🔀Blend
        • đŸŽĸMotion Path
        • đŸ‘¯Animation Clips
        • 🌴Animator Blend Trees
        • 😁Blend Shapes
      • 🤖Automation
        • 🛸Auto Bank
        • 🧭Auto Rotate
        • 📐Distance
        • ⏰Event
        • đŸ›Šī¸Flyby
        • 🏃Follow
        • 👀Look At
        • đŸŽ¯Look At Target
        • 🎲Noise
        • 🚊Place On Path
        • đŸī¸Place On Surface
      • 🔊Audio
        • 🔊Audio Track
        • đŸŽŧAudio Spectrum
        • đŸŽĩAudio Sample
        • đŸŽ™ī¸Audio Reactive
      • 🎹MIDI
        • 🎹Midi File
        • đŸĨMidi Tween
        • 📡Midi Receiver
          • đŸŽ›ī¸Minis Setup (New Input System)
          • đŸšĨMidiJack Setup (Legacy Input)
      • 🏁Rendering
        • đŸŽžī¸Render To Disk
        • 📋Render Queue
        • đŸ“Ŋī¸Video Encoding
        • 💡Tips & Optimizations
        • âēī¸Unity Recorder
      • 🔧Tools
        • â„šī¸Animator Info
        • 🧮Align Children
        • đŸ’ŦComment
        • #ī¸âƒŖFPS Counter
        • 📈Graph
        • 🔗Property Link
        • 🔄Rotator
        • ✨Particle System Update
        • 🌈Trail Renderer Update
        • đŸ“ēVideo Player Update
    • đŸ—ƒī¸Precomposing
    • 🏭Prefabs
    • đŸŽ›ī¸Editor Overrides
      • 🏹Transform Editor Override
    • 🔌Integrations
      • đŸ§™â€â™‚ī¸Adventure Creator
      • đŸŽ›ī¸MIDI Jack | Minis
      • đŸ¤ēSpine Animation
      • đŸ“Ŋī¸Unity Timeline
      • ➰Unity Splines
    • đŸĒSamples
      • đŸ•šī¸Demo App
      • đŸŽžī¸Cutscenes
      • 🏓Physics
      • 🍧Shader Properties
      • ⚡Visual Effect Graph (VFX)
    • 📖Glossary
    • 📗Scripting
    • đŸ“ŖPublished Works
    • âš ī¸Known Issues
    • 🆘Support
    • đŸ§ĒBeta
    • Roadmap
    • đŸ”ĸVersion History
    • ÂŠī¸Terms & Privacy
Powered by GitBook
On this page
  • Timeflow Integration
  • Installation
  • Example Scenes
  • Overview
  • Spine Tracks
  • Spine Keyframes
  • Mix
  • Loop
  • Flip X/Y
  • All Tracks
  • Copy-Paste Keyframes
  • Channel Links
  • Deleting Tracks
  • Uninstalling Spine
  1. Reference
  2. Integrations

Spine Animation

An optional package offering Timeflow integration with Spine animation system

PreviousMIDI Jack | MinisNextUnity Timeline

Last updated 3 months ago

A Spine license is required to integrate the Spine Runtimes into your applications.

This integration is included with Timeflow and can be imported from the Samples. See Installation below.

Spine is an animation tool that focuses specifically on 2D animation for games. Spine aims to have an efficient, streamlined workflow, both for creating animations using the editor and for making use of those animations in games using the Spine Runtimes.

Timeflow Integration

Using this integration allows you to:

  • Create sequences of Spine animations in the Timeflow timeline.

  • Use mix durations to blend animations.

  • Use multiple tracks (channels) to layer animations.

  • Use channel links to replicate animation tracks with optional time offset.

  • Animate the positions of specific bones.

  • Use Timeflow features such as looping and an array of behaviors to drive animations and effects.

Using Timeflow to animate Spine objects is best for creating cutscenes and animation sequences. If your goal is to create dynamic game-like animations based on triggers, you can do that too using the Spine-Unity package in parallel or separately from Timeflow.

Installation

  1. Import the Spine package from the Package Manager in Timeflow Samples.

Note that in previous versions the scripting define symbol USING_SPINE was required, however is no longer necessary and may be removed.

Example Scenes

Once installed, a good starting point is to go through each of the included sample scenes for an overview of the capabilities and sample animations. Assets/AxonGenesis/Timeflow/AddOns/Spine/Examples/

Please make sure to install the Spine Examples which provide the assets used in the Timeflow example scenes.

Overview

Spine animations can be animated in Timeflow using multiple tracks to sequence and layer animations. When Spine objects (with a SkeletonAnimation or SkeletonGraphic component) are added to Timeflow, it is automatically detected and set up with a SpineAnimator.

Spine Tracks

A Spine Track 0 channel is created by default. Additional tracks can be added by right clicking and selecting Add Spine Track.

Keyframes can then be set on each Spine track to create layered animation sequences.

Spine Keyframes

Each keyframe specifies an animation to play, selected from one of the existing animations in the Spine asset.

Mix

This specifies a time to blend the animation in over the previous state. A value of 0 turns mix off an means the animation starts playing immediately.

When working with mixed animations, rewind and let Timeflow play through uninterrupted to see an accurate preview of the transition. Blending is handled by Spine. Adjust the Mix value and the timing of the keyframes to get the desired result.

Loop

Enable this option for animations that loop, such as walk cycles. When this is enabled, it repeats the animation indefinitely until the next keyframe.

Flip X/Y

This effectively inverts the scale of the X/Y axes. Timeflow implements this using the actual object scale so as not to compete with the Initial Flip settings.

All Tracks

Enabling this checkbox means that this animation state is played on all tracks at the same time. This is most often used with an Empty animation state to clear all track animations.

Copy-Paste Keyframes

Timeflow supports copying and pasting keyframes from one track to another. To use copy paste:

  1. Select the keyframes you wish to copy and press Control + C

  2. Click on the channel you wish to paste to Control + V

Channel Links

Spine track channels can also be linked together. Linked channels play the same animations as the source channel with an optional time offset.

Channel links can either be set to Overwrite, replacing the target channel animation, or to Add mode to combine animations. When set to Add, you can add more keyframes over the linked data.

Time Offset

Use the time offset feature to shift linked animations forward or backward in time.

Deleting Tracks

If you wish to remove a Spine Track, simple select it and press the Delete key.

Uninstalling Spine

If you wish to remove Spine from your project...

  1. Delete the asset directories that were installed:

    • Assets/AxonGenesis/Timeflow/AddOns/Spine/

    • Assets/Spine/

    • Assets/Spine Examples/

  2. And then remove the USING_SPINE scripting define symbol from the Player Settings.

Note that during uninstallation it is normal to see errors in the console until all of the above steps are complete.

Timeflow has no affiliation with Esoteric Software and all respective rights are reserved by Esoteric SoftwareŽ Š 2013-2024 Esoteric Software LLC

Download and install the Spine-Unity package and examples.

It is recommended that you familiarize yourself with Spine-Unity before attempting to use it with Timeflow. Please refer to the user guide:

🔌
đŸ¤ē
https://github.com/EsotericSoftware/spine-runtimes/tree/4.2/spine-unity#licensing
What is Spine?
https://en.esotericsoftware.com/spine-in-depth
https://github.com/EsotericSoftware/spine-runtimes/tree/4.2/spine-unity
https://esotericsoftware.com/spine-unity
https://en.esotericsoftware.com/