v2.2.0

Author: g-harel

CHANGELOG.md

@@ -1,3 +1,8 @@
+# 2.2.0
+
+-   Remove added points from end keyframe after interpolation completes.
+-   Add play/pause/playPause API for animations.
+
 # 2.1.0
 
 -   Improved type checks on user-provided data

README.md

@@ -122,6 +122,11 @@ animation.transition({
     callback: loopAnimation,
     blobOptions: {...},
 });
+
+// Toggle play/pause animation on canvas click.
+ctx.canvas.onclick = () => {
+    animation.playPause();
+};
 ```
 
 ## Complete API
@@ -198,6 +203,12 @@ export const canvasPath: () => {
     // Immediately begin animating through the given keyframes.
     // Non-rendered keyframes from previous transitions are cancelled.
     transition: (...keyframes: CanvasKeyframe[]) => void;
+    // Resume a paused animation. Has no effect if already playing.
+    play: () => void;
+    // Pause a playing animation. Has no effect if already paused.
+    pause: () => void;
+    // Toggle between playing and pausing the animation.
+    playPause: () => void;
 };
 ```
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "blobs",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Random blob generation and animation",
   "author": "g-harel",
   "license": "MIT",