new method to for tweening nodes

CHANGELOG.md

@@ -20,6 +20,7 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 - new `perfectDrawEnabled` property for shape. See [http://konvajs.github.io/docs/performance/Disable_Perfect_Draw.html](http://konvajs.github.io/docs/performance/Disable_Perfect_Draw.html)
 - new `shadowForStrokeEnabled` property for shape. See [http://konvajs.github.io/docs/performance/All_Performance_Tips.html](http://konvajs.github.io/docs/performance/All_Performance_Tips.html)
 - new `getClientRect` method.
+- new `to` method for every nodes for shorter tweening
     
 ## [0.8.0] - 2015-02-04
 

src/Tween.js

@@ -272,6 +272,30 @@
         }
     };
 
+    /**
+     * Tween node properties. Shorter usage of {@link Konva.Tween} object.
+     *
+     * @method Konva.Node#to
+     * @memberof Konva.Node
+     * @param {Object} [params] tween params
+     * @example
+     *
+     * circle.to({
+     *  x : 50,
+     *  duration : 0.5
+     * });
+     */
+    Konva.Node.prototype.to = function(params) {
+        var onFinish = params.onFinish;
+        params.node = this;
+        params.onFinish = function() {
+            tween.destroy();
+            onFinish();
+        };
+        var tween = new Konva.Tween(params);
+        tween.play();
+    };
+
     var Tween = function(prop, propFunc, func, begin, finish, duration, yoyo) {
         this.prop = prop;
         this.propFunc = propFunc;

test/unit/Tween-test.js

@@ -170,5 +170,32 @@ suite('Tween', function() {
         tween.play();
     });
 
+    test('transitionTo method', function(done) {
+        var stage = addStage();
 
-});
+        var layer = new Konva.Layer();
+
+        var circle = new Konva.Circle({
+            radius: 70,
+            fill: 'red',
+            stroke: 'blue',
+            strokeWidth: 4
+        });
+
+        layer.add(circle);
+        stage.add(layer);
+
+        circle.to({
+            x: stage.width() / 2,
+            y: stage.getHeight() / 2,
+            duration : 0.1,
+            onFinish : function() {
+                assert.equal(circle.x(), stage.width() / 2);
+                assert.equal(Object.keys(Konva.Tween.attrs[circle._id]).length, 0);
+                done();
+            }
+        });
+    });
+
+
+});