脊椎多个动画

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

似乎每次调用渲染器都会清理画布，实现这一点的更好方法似乎是为每个动画创建一个画布，并为每个动画绑定一个渲染器。