transition

gistfile1.js

const Clutter = imports.gi.Clutter;
const Tweener = imports.tweener.tweener;

/*
    easeInQuad, easeOutQuad, easeInOutQuad
    easeInCubic, easeOutCubic, easeInOutCubic
    easeInQuart, easeOutQuart, easeInOutQuart
    easeInQuint, easeOutQuint, easeInOutQuint
    easeInSine, easeOutSine, easeInOutSine
    easeInExpo, easeOutExpo, easeInOutExpo
    easeInCirc, easeOutCirc, easeInOutCirc
    easeInElastic, easeOutElastic, easeInOutElastic
    easeInBack, easeOutBack, easeInOutBack
    easeInBounce, easeOutBounce, easeInOutBounce
*/
function click(actor, ev) {
    Tweener.addTween(t, { time: 1.0,
                          x: t.x+100,
                          y: t.y+100,
                          transition: 'easeInBounce'});
    print('Clicked!');
    return true;
}

function quit(actor) {
    Clutter.main_quit();
}

Clutter.init(0, null);
let stage = new Clutter.Stage();
let t= new Clutter.Texture({ filename: 'test.jpg',
                                    reactive: true });
t.connect('button-press-event', click);
stage.connect('destroy', quit);
stage.add_actor(t);
stage.show();

Clutter.main();