Skip to content

Instantly share code, notes, and snippets.

@albertochiwas
Last active September 7, 2017 05:09
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save albertochiwas/277203e76ab9b0573b97dd44a91d1bc6 to your computer and use it in GitHub Desktop.
Save albertochiwas/277203e76ab9b0573b97dd44a91d1bc6 to your computer and use it in GitHub Desktop.
Usando arreglos JS para animar en base a una coreografia (ver. 3)
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;
};
@reneariash
Copy link

//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;
    }
};```

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment