脊柱多个动画

Question

所以我有2个，或多种骨架为动画（所以，2个或更多JSON文件）。我希望他们在10秒钟的同时播放另一个动画。

问题是，只有一个动画播放，二是没有显示的。

我做它的方式如下：

<canvas id="animationCanvas" width="240" height="240"></canvas> 
<script> 
    var first = true, 
     rendererFirst = new spine.SkeletonRenderer('http://someurl.com/images/'), 
     spineAFirst = /* My JSON Code */, 
     parsedFirst = JSON.parse(spineAFirst); 

    rendererFirst.scale = 0.2; 
    rendererFirst.load(spineAFirst); 
    rendererFirst.state.data.defaultMix = 1.0; 

    for (var i in parsedFirst.animations) { 
     if (first) { 
      first = false; 
      rendererFirst.state.setAnimationByName(0, i, true); 
     } else { 
      rendererFirst.state.addAnimationByName(0, i, true, 10); 
     } 
    } 

    rendererFirst.skeleton.x = 120; 
    rendererFirst.skeleton.y = 120; 
    rendererFirst.animate('animationCanvas'); 
</script> 

，当然，我这样做两次（或更多）。我试着用一个SkeletonRenderer，只是加载（和设置或添加）动画多次，因为我需要，它没有奏效。

Answer 1

看来，渲染器清洁每次调用时间画布，更好的方式来实现，这似乎为每个动画画布，并绑定一个渲染器各一个。