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); // Easing name : http://gsgd.co.uk/sandbox/jquery/easing/ 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>