add Tween#stop(). Closes #2

component · May 29, 2013 · e970f7e · e970f7e
1 parent f1d2181
commit e970f7e
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 2 deletions.
diff --git a/examples/ball.html b/examples/ball.html
@@ -61,4 +61,4 @@
   }
 
   animate();
-</script>
+</script>
diff --git a/examples/circle.html b/examples/circle.html
@@ -9,6 +9,8 @@
 
 <canvas width=500 height=400></canvas>
 
+<button onclick='tween.stop()'>Stop</button>
+
 <script>
   var Tween = require('tween');
   var raf = require('component-raf');
@@ -40,4 +42,4 @@
   }
 
   animate();
-</script>
+</script>
diff --git a/index.js b/index.js
@@ -92,6 +92,21 @@ Tween.prototype.ease = function(fn){
   return this;
 };
 
+/**
+ * Stop the tween and immediately emit "stop" and "end".
+ *
+ * @return {Tween}
+ * @api public
+ */
+
+Tween.prototype.stop = function(){
+  this.stopped = true;
+  this._done = true;
+  this.emit('stop');
+  this.emit('end');
+  return this;
+};
+
 /**
  * Perform a step.
  *