脊柱多個動畫

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

看來，渲染器清潔每次調用時間畫布，更好的方式來實現，這似乎爲每個動畫畫布，並綁定一個渲染器各一個。