Usando arreglos JS para animar en base a una coreografia (ver. 3)

ardilla-festejando.js

var av = new Avatar(15);
var mov = [ // coreografia
    [[200,230], [1,45],  [3,-43],  [5, 0]], // paso 1
    [[200,220], [1,90],  [3,-88],  [5, 5]], // paso 2
    [[200,210], [1,105], [3,-102], [5, 9]], // paso 3
    [[200,200], [1,128], [3,-126], [5, 5]], // paso 4
];
var paso=0, inc=1, maxp=mov.length, pausa=false;
av.scale(0.8);
frameRate(12);

var draw = function() {
    if ( paso<0 ) { inc=1; paso=0; } //.3 end-dec
    if ( paso>=maxp ) { inc=-1; paso=maxp-1; } //.3 end-inc
    background(255, 200, 0);
    var sim = mov[paso];
    paso += inc;
    for (var i=1; i<sim.length; i++) {
        var pos = sim[i];
        var art = pos[0];
        var ang = pos[1];
        av.setAngle(art,ang);
    }
    var x = sim[0][0];
    var y = sim[0][1];
    av.draw(x,y);
};

var mouseClicked = function() {
    if (pausa) { loop(); } else { noLoop(); }
    pausa = !pausa;
};

Code fix with data to animate the avatar.

var av = new Avatar(0);
var mov = [ // coreografia ver 0.2
    [[200,200],[1,10],[2,2],[3,-9],[4,-2],[5,5],[6,10],[7,-9]],[[205,205],[1,20],[2,12],[3,-19],[4,-12],[5,6],[6,20],[7,-19]],[[210,210],[1,30],[2,22],[3,-29],[4,-22],[5,7],[6,30],[7,-29]],[[215,215],[1,40],[2,32],[3,-39],[4,-32],[5,8],[6,40],[7,-39]],[[220,220],[1,50],[2,42],[3,-49],[4,-42],[5,9],[6,50],[7,-49]],[[225,225],[1,60],[2,52],[3,-59],[4,-52],[5,10],[6,60],[7,-59]],[[230,230],[1,70],[2,62],[3,-69],[4,-62],[5,11],[6,70],[7,-69]],[[235,235],[1,80],[2,72],[3,-79],[4,-72],[5,10],[6,80],[7,-79]],[[240,240],[1,90],[2,62],[3,-89],[4,-62],[5,9],[6,90],[7,-89]],[[245,245],[1,100],[2,52],[3,-99],[4,-52],[5,8],[6,100],[7,-99]],[[250,250],[1,110],[2,42],[3,-109],[4,-42],[5,7],[6,110],[7,-109]],[[255,255],[1,120],[2,32],[3,-119],[4,-32],[5,6],[6,120],[7,-119]],[[260,260],[1,130],[2,22],[3,-129],[4,-22],[5,5],[6,130],[7,-129]],[[265,265],[1,140],[2,12],[3,-139],[4,-12],[5,4],[6,140],[7,-139]],[[270,270],[1,150],[2,2],[3,-149],[4,-2],[5,3],[6,150],[7,-149]],[[275,275],[1,160],[2,0],[3,-159],[4,8],[5,2],[6,160],[7,-159]],[[280,280],[1,170],[2,0],[3,-169],[4,18],[5,1],[6,170],[7,-169]],[[270,270],[1,160],[2,2],[3,-159],[4,-2],[5,5],[6,160],[7,-159]],[[260,260],[1,150],[2,12],[3,-149],[4,-12],[5,6],[6,150],[7,-149]],[[250,250],[1,140],[2,22],[3,-139],[4,-22],[5,7],[6,140],[7,-139]],[[240,240],[1,130],[2,32],[3,-129],[4,-32],[5,8],[6,130],[7,-129]],[[230,230],[1,120],[2,42],[3,-119],[4,-42],[5,9],[6,120],[7,-119]],[[220,220],[1,110],[2,52],[3,-109],[4,-52],[5,10],[6,110],[7,-109]],[[210,210],[1,100],[2,62],[3,-99],[4,-62],[5,11],[6,100],[7,-99]],[[200,200],[1,90],[2,72],[3,-89],[4,-72],[5,10],[6,90],[7,-89]],[[190,190],[1,80],[2,62],[3,-79],[4,-62],[5,9],[6,80],[7,-79]],[[180,180],[1,70],[2,52],[3,-69],[4,-52],[5,8],[6,70],[7,-69]],[[170,170],[1,60],[2,42],[3,-59],[4,-42],[5,7],[6,60],[7,-59]],[[160,160],[1,50],[2,32],[3,-49],[4,-32],[5,6],[6,50],[7,-49]],[[150,150],[1,40],[2,22],[3,-39],[4,-22],[5,5],[6,40],[7,-39]],[[140,140],[1,30],[2,12],[3,-29],[4,-12],[5,4],[6,30],[7,-29]],[[130,130],[1,20],[2,2],[3,-19],[4,-2],[5,3],[6,20],[7,-19]],[[120,120],[1,10],[2,0],[3,-9],[4,8],[5,2],[6,10],[7,-9]],[[110,110],[1,0],[2,0],[3,0],[4,18],[5,1],[6,0],[7,0]]
];

var paso = 0, maxp = mov.length;
av.scale(0.8);
frameRate(10);

var draw = function() {
    if ( paso >= maxp ) { return; }
    background(255, 255, 0);
    var sim = mov[paso++];
    for (var i=1; i<sim.length; i++) {
        var pos = sim[i];
        var art = pos[0];
        var ang = pos[1];
        av.setAngle(art,ang);
    }
    var x = sim[0][0];
    var y = sim[0][1];
    av.draw(x,y);
};

//Ardilla que festeja saltando
//Codigo en http://podcast.itch.edu.mx/live-editor/
var av = new Avatar(0);
var xx=0;
var mov = [ // coreografia ver 0.2

    [[200,230], [0,0],  [3,-0], [5, 0]], // paso 0
    [[210,230], [1,45],  [3,-43], [5, 5], [5,46],  [6,128], [7,-126],[8,-128], [9,126],[0,-61], [9,126]], // paso 1
    [[231,220], [1,90],  [3,-88], [5, 10],[6,128], [7,-126],[8,-128], [9,126],[0,-61], [9,126]], // paso 2
    [[244,210], [1,105], [3,-102], [5, 5],[6,128], [7,-126],[8,-128], [9,126],[0,-61], [9,126]], // paso 3
    [[208,200], [1,128], [3,-126], [5, 0],[6,128], [7,-126],[8,-128], [9,126],[0,-61], [9,126]], // paso 4

];

var paso = 0, maxp = mov.length;
av.scale(0.8);
frameRate(10);

var draw = function() {
    if ( paso >= maxp ) { return; }
    background(255, 255, 0);
    var sim = mov[paso++];
    for (var i=1; i<sim.length; i++) {
        var pos = sim[i];
        var art = pos[0];
        var ang = pos[1];
        av.setAngle(art,ang);
    }
    var x = sim[0][0];
    var y = sim[0][1];
    av.draw(x,y);
    if(paso===mov.length){
        paso=0;
    }
};```