var cat;
var catDir = 0;
var catSpeed = 0;
var catMirror = -1;
//it's advisable (but not necessary) to load the images in the preload function
//of your sketch otherwise they may appear with a little delay
function setup() {
    createCanvas(800, 300);
    cat = createSprite(9, 15, 18, 30);
    cat.addAnimation("stand", "assets/img/walk01.png");
    cat.addAnimation("walkRight", "assets/img/walk01.png", "assets/img/walk08.png");
}

function draw() {
    background(255, 255, 255);
    cat.setSpeed(catSpeed, catDir);

    if (keyDown(RIGHT) && !keyDown(LEFT)){
        cat.mirrorX(1);
        cat.changeAnimation("walkRight");
        catDir = 0;
        catSpeed = 1;
    } else if (keyDown(LEFT)){
        cat.mirrorX(-1);
        cat.changeAnimation("walkRight");
        catDir = 180;
        catSpeed = 1;
    } else {
        cat.changeAnimation("stand");
        catDir = 0;
        catSpeed = 0;
    }




    //drawSprites();
}