Javascript KineticJs中的多个水滴之间

如何在动态JS中区分多个水滴

我可以用两组点来区分一个斑点，但除此之外呢？ 以下是我目前掌握的情况：

    JS
    setTimeout(function () {
      for (var i = 0; i < blobPoints.length; i++) {
        var tween = new Kinetic.Tween({
          node: blob,
          duration: .5,
          points: blobPoints[i],
          onFinish: function () {
            //this is where I want to call next tween using next set of points
          }
        });
        tween.play();
      };
    }, 300);

JS
setTimeout（函数（）{
对于（变量i=0；i

在此完成演示：

如果你注意到了，它会在下一组点之间移动，但速度非常快，甚至很难看到。我希望它在调用下一组点之前先完成tween。我不知道该怎么做

function runTween(number) {
    var tween = new Kinetic.Tween({
            node: blob,
            duration: .5,
            points: blobPoints[number],
            onFinish: function () {
                var next = number+ 1;
                if (blobPoints[next]) {
                     runTween(next);
                }
            }
        });
        tween.play();
}
setTimeout(function () {
    runTween(0)
}, 300);

---

谢谢！这就是我想要的。：）