var canvas = CE.defines("canvas_id").
extend(Animation).
ready(function() {
canvas.Scene.call("MyScene");
});
canvas.Scene.new({
name: "MyScene",
materials: {
images: {
img_id: "http://canvasengine.net/examples/img/html5.png"
}
},
ready: function(stage) {
var element = this.createElement();
element.x = 100;
element.y = 50;
element.drawImage("img_id");
stage.append(element);
canvas.Timeline.new(element).to({
x: 200,
y: 100
}, 100, Ease.easeInOutElastic).call();
}
});
<script src="http://canvasengine.net/cdn/canvasengine-latest.all.min.js"></script>
<canvas id="canvas_id" width="640" height="480"></canvas>