Alguém já usou.animateWith() em Raphael para manter animações rápidas em sincronia? Está mal documentado. O criador da biblioteca tem umdemonstração em vídeo mas nenhum código que eu possa encontrar.

Eu tenho um metrônomo de Javascript que consiste em uma linha (o braço do metrônomo) e um "peso" trapezoidalmente dado forma que eventualmente moverá para cima e para baixo para significar tempo. Eu tenho um violino de trabalhoAquie as linhas em questão são:

        var ticktock = Raphael.animation({
            "50%": { transform:"R20 " + x + "," + y, easing: "sinoid", callback: function() { tick(this, repeats, done); }},
            "100%": { transform:"R-20 " + x + "," + y, easing: "sinoid", callback: function() { tick(this, repeats, done); }}
        }, interval).repeat(repeats / 2);
        arm.animate(ticktock);
        weight.animateWith(arm, ticktock, ticktock);    

Se você verificar o violino e dar-lhe um ritmo elevado e cerca de 20 carrapatos, você deve ver o atraso de peso por trás do braço. (Por favor, tente algumas vezes, se não - a Lei de Murphy, etc.) Eu pensei que isso era precisamente o que animateWith () impedia. Talvez eu esteja usando isso incorretamente.

Se você olhar para oFonte Raphael para a função .animateWith (), você vê que sincroniza o parâmetro .start de cada animação, FWIW.