Ce site est optimisé pour être consulté depuis un navigateur moderne dans lequel JavaScript est activé.

Combining Animations In Unity Issues

Aggressor

I am trying to combine an idle pose with 2 weapon holding poses.

I have a basic breathing idle pose and I have 2 other animations which are JUST the left arm animation and JUST the right arm animation.

However my application does not seem to work. I created the animation states and set them but they don't work.

Here is my generic parent class:

protected SkeletonData _skeletonData;
  protected AnimationStateData _animationStateData;
 protected SkeletonAnimation _animator;
 protected Spine.AnimationState _baseState;

 // Use this for initialization
 public void Start () 
  {
 
_animator = GetComponentInChildren<SkeletonAnimation>();
_baseState = _animator.state;
  _skeletonData = _animator.skeletonDataAsset.GetSkeletonData(false);
  _animationStateData = new AnimationStateData(_skeletonData);
 }

And here is the subclass where I want to mix in the left and right animations.

Spine.AnimationState _leftArm;
   Spine.AnimationState _rightArm;

   void Start()
   {
      //_leftArm = new Spine.AnimationState();
       base.Start();
       _leftArm = new Spine.AnimationState(_animationStateData);
       _rightArm = new Spine.AnimationState(_animationStateData);

   PlayIdle();
   }

   public void PlayIdle()
   {
       _baseState.SetAnimation(1, "idle", true);
       _leftArm.SetAnimation(0, "leftArmSwordIdle", true);

   }

The only way something works is if I apply it to the _baseState. Can you advise what I might be missing?

In the docs there is a section about

function render (float delta) {...}

But its not really explained. Do I need to implement my own renderer too??

P.S. The runtime docs on this are very light and out of date. A video tutorial on combining animations in Unity would be great, or at least an update on the docs (as its missing the trackIndex for one) and explain/point what the renderer function's needs/role is.

Aggressor

Mitch

what...the hell happened here.... I'll make a video today.

Aggressor

Much love at the speed and accuracy. However I had tried doing this before asking my question:

public void PlayIdle()
  {
      _baseState.SetAnimation(0, "idle", true);
      _baseState.SetAnimation(1, "leftArmSwordIdle", true);

  }

Which is what you do in the video as well. However in my case, my leftArmSwordIdle is overriding my default idle. The character doesnt bounce up and down, he just waves his left arm. Is my Spine export animation bad? Are my no-key-frame animations in the leftArmSwordIdle overriding the idle state animations?

Looking at my JSON I am seeing translates to '0' everything. Is that the issue?

Here is the JSON for my idle and idleWithSword

"leftArmSwordIdle": {
      "bones": {
         "backUpperArm": {
            "rotate": [
               { "time": 0, "angle": 79.23 },
               { "time": 0.8, "angle": 87.94 },
               { "time": 1.6, "angle": 79.23 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "backFoot": {
            "rotate": [
               { "time": 0, "angle": 0, "curve": "stepped" },
               { "time": 0.8, "angle": 0, "curve": "stepped" },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "backHand": {
            "rotate": [
               { "time": 0, "angle": -13.48 },
               { "time": 0.8, "angle": 0 },
               { "time": 1.6, "angle": -13.48 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "frontLeg": {
            "rotate": [
               { "time": 0, "angle": 0, "curve": "stepped" },
               { "time": 0.8, "angle": 0, "curve": "stepped" },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "hip": {
            "rotate": [
               { "time": 0, "angle": 0, "curve": "stepped" },
               { "time": 0.8, "angle": 0, "curve": "stepped" },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "head": {
            "rotate": [
               { "time": 0, "angle": 0, "curve": "stepped" },
               { "time": 0.8, "angle": 0, "curve": "stepped" },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "frontHand": {
            "rotate": [
               { "time": 0, "angle": 0, "curve": "stepped" },
               { "time": 0.8, "angle": 0, "curve": "stepped" },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "backLowerArm": {
            "rotate": [
               { "time": 0, "angle": 55.44 },
               { "time": 0.8, "angle": 58.58 },
               { "time": 1.6, "angle": 55.44 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "frontFoot": {
            "rotate": [
               { "time": 0, "angle": 0, "curve": "stepped" },
               { "time": 0.8, "angle": 0, "curve": "stepped" },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "root": {
            "rotate": [
               { "time": 0, "angle": 0, "curve": "stepped" },
               { "time": 0.8, "angle": 0, "curve": "stepped" },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "offHand": {
            "rotate": [
               { "time": 0, "angle": 0, "curve": "stepped" },
               { "time": 0.8, "angle": 0, "curve": "stepped" },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "mainHand": {
            "rotate": [
               { "time": 0, "angle": 0, "curve": "stepped" },
               { "time": 0.8, "angle": 0, "curve": "stepped" },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "frontUpperArm": {
            "rotate": [
               { "time": 0, "angle": 0, "curve": "stepped" },
               { "time": 0.8, "angle": 0, "curve": "stepped" },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "frontLowerArm": {
            "rotate": [
               { "time": 0, "angle": 0, "curve": "stepped" },
               { "time": 0.8, "angle": 0, "curve": "stepped" },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "backLeg": {
            "rotate": [
               { "time": 0, "angle": 0, "curve": "stepped" },
               { "time": 0.8, "angle": 0, "curve": "stepped" },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         }
      }
   },

And my default idle

"idle": {
      "bones": {
         "root": {
            "rotate": [
               { "time": 0, "angle": 0, "curve": "stepped" },
               { "time": 0.8, "angle": 0, "curve": "stepped" },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "hip": {
            "rotate": [
               { "time": 0, "angle": 0, "curve": "stepped" },
               { "time": 0.8, "angle": 0, "curve": "stepped" },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0 },
               { "time": 0.8, "x": 0, "y": 2.3 },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "backLeg": {
            "rotate": [
               { "time": 0, "angle": 0, "curve": "stepped" },
               { "time": 0.8, "angle": 0, "curve": "stepped" },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0 },
               { "time": 0.8, "x": 0, "y": -2.3 },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "backUpperArm": {
            "rotate": [
               { "time": 0, "angle": 0 },
               { "time": 0.8, "angle": 4.95 },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "frontLeg": {
            "rotate": [
               { "time": 0, "angle": 0, "curve": "stepped" },
               { "time": 0.8, "angle": 0, "curve": "stepped" },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0 },
               { "time": 0.8, "x": 0, "y": -2.3 },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "frontUpperArm": {
            "rotate": [
               { "time": 0, "angle": 0 },
               { "time": 0.8, "angle": -4.45 },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "head": {
            "rotate": [
               { "time": 0, "angle": 0, "curve": "stepped" },
               { "time": 0.8, "angle": 0, "curve": "stepped" },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0 },
               { "time": 0.8, "x": 0, "y": 2.76 },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "backFoot": {
            "rotate": [
               { "time": 0, "angle": 0, "curve": "stepped" },
               { "time": 0.8, "angle": 0, "curve": "stepped" },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "backLowerArm": {
            "rotate": [
               { "time": 0, "angle": 0 },
               { "time": 0.8, "angle": -2.25 },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "frontFoot": {
            "rotate": [
               { "time": 0, "angle": 0, "curve": "stepped" },
               { "time": 0.8, "angle": 0, "curve": "stepped" },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "frontLowerArm": {
            "rotate": [
               { "time": 0, "angle": 0 },
               { "time": 0.8, "angle": 3.05 },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "backHand": {
            "rotate": [
               { "time": 0, "angle": 0, "curve": "stepped" },
               { "time": 0.8, "angle": 0, "curve": "stepped" },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "frontHand": {
            "rotate": [
               { "time": 0, "angle": 0, "curve": "stepped" },
               { "time": 0.8, "angle": 0, "curve": "stepped" },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "mainHand": {
            "rotate": [
               { "time": 0, "angle": 0, "curve": "stepped" },
               { "time": 0.8, "angle": 0, "curve": "stepped" },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         },
         "offHand": {
            "rotate": [
               { "time": 0, "angle": 0, "curve": "stepped" },
               { "time": 0.8, "angle": 0, "curve": "stepped" },
               { "time": 1.6, "angle": 0 }
            ],
            "translate": [
               { "time": 0, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 0.8, "x": 0, "y": 0, "curve": "stepped" },
               { "time": 1.6, "x": 0, "y": 0 }
            ]
         }
      }
   },

Mitch

Please rewatch the first like... 30 seconds of that video.

Is my Spine export animation bad? Are my no-key-frame animations in the leftArmSwordIdle overriding the idle state animations?

Yes. Do not make keyframes for things you don't want to override.

Aggressor

Many thanks.

I work with an animator who uses Spine, so I don't have direct access. I will communicate this to him. My thanks!

Its working perfect now! Wahoo!