Fix #23

Author: sarcadass

lib/clear.js

@@ -1,6 +1,12 @@
 'use strict';
 
 module.exports = function() {
-	cancelAnimationFrame(this.animation);
+	if (!this.isPaused) {
+		cancelAnimationFrame(this.animation);
+
+	} else {
+		this.isPaused = false;
+	}
+	this.isCleared = true;
 	this.context.clearRect(0, 0, this.x1, this.y1);
-};
+};

lib/pause.js

@@ -2,6 +2,7 @@
 
 module.exports = function(state) {
 	var isPausedBecauseNotInView = state === 'isPausedBecauseNotInView';
+	if (this.isCleared) {return;}
 	if (!isPausedBecauseNotInView) this.isPaused = true;
 	cancelAnimationFrame(this.animation);
 };

lib/play.js

@@ -2,6 +2,9 @@
 
 module.exports = function(state) {
 	var isPausedBecauseNotInView = state === 'isPausedBecauseNotInView';
-	if (!isPausedBecauseNotInView) this.isPaused = false;
+	if (!isPausedBecauseNotInView) {
+		this.isPaused = false;
+	}
+	this.isCleared = false;
 	this.animation = requestAnimationFrame(this.animateColors.bind(this));
 };