suite('Manual', function() { // ====================================================== test('tween node', function() { var stage = addStage(); var layer = new Kinetic.Layer(); var rect = new Kinetic.Rect({ x: 100, y: 100, width: 100, height: 50, fill: 'green', stroke: 'black', strokeWidth: 2, opacity: 0.2 }); layer.add(rect); stage.add(layer); var tween = new Kinetic.Tween({ node: rect, duration: 1, x: 400, y: 30, rotation: Math.PI * 2, opacity: 1, strokeWidth: 6, scaleX: 1.5 }); tween.play(); }); // ====================================================== test('tween spline', function() { var stage = addStage(); var layer = new Kinetic.Layer(); var spline = new Kinetic.Line({ points: [ 73, 160, 340, 23, 500, 109, 300, 109 ], stroke: 'blue', strokeWidth: 10, lineCap: 'round', lineJoin: 'round', draggable: true, tension: 1 }); layer.add(spline); stage.add(layer); var tween = new Kinetic.Tween({ node: spline, duration: 1, //x: 100, points: [ 200, 160, 200, 23, 500, 109, 100, 10 ], easing: Kinetic.Easings.BackEaseOut, yoyo: false }); // stage.getContent().addEventListener('mouseover', function() { // tween.play(); // }); // stage.getContent().addEventListener('mouseout', function() { // tween.reverse(); // }); tween.play(); }); });