Merge branch 'release-2.2.2'

README.md

@@ -16,7 +16,7 @@ particles.js is a lightweight, dependency-free and responsive javascript plugin
 There are several ways to install particles.js:
 - [Download the latest version](https://github.com/marcbruederlin/particles.js/archive/master.zip)
 - Install with npm: `npm install particlesjs --save`
-- Use the CDN: `https://cdnjs.cloudflare.com/ajax/libs/particlesjs/2.2.1/particles.min.js`
+- Use the CDN: `https://cdnjs.cloudflare.com/ajax/libs/particlesjs/2.2.2/particles.min.js`
 
 ## Usage
 Include the minified JS in your HTML (right before the closing body tag).
@@ -81,6 +81,7 @@ Method | Description
 ------ | -----------
 `pauseAnimation` | Pauses/stops the particle animation
 `resumeAnimation` | Continues the particle animation
+`destroy` | Destroys the plugin
 
 Example how to use the [public methods](https://marcbruederlin.github.io/particles.js/#use-methods).
 

dist/particles.js

@@ -2,7 +2,7 @@
  * A lightweight, dependency-free and responsive javascript plugin for particle backgrounds.
  *
  * @author Marc Bruederlin <hello@marcbruederlin.com>
- * @version 2.2.1
+ * @version 2.2.2
  * @license MIT
  * @see https://github.com/marcbruederlin/particles.js
  */
@@ -63,7 +63,7 @@ var Particles = (function(window, document) {
   }());
 
   /**
-   * Initializes the plugin with user settings.
+   * Public mehtod to initialize the plugin with user settings.
    *
    * @public
    * @param {object} settings
@@ -86,6 +86,22 @@ var Particles = (function(window, document) {
     return _;
   };
 
+  /**
+   * Public method to destroy the plugin.
+   * 
+   * @public
+   */
+  Plugin.prototype.destroy = function() {
+    var _ = this;
+
+    _.storage = [];
+    _.element.remove();
+
+    window.removeEventListener('resize', _.listener, false);
+    window.clearTimeout(_._animation);
+    cancelAnimationFrame(_._animation);
+  };
+
   /**
    * Setup the canvas element.
    *
@@ -128,7 +144,8 @@ var Particles = (function(window, document) {
   Plugin.prototype._initializeEvents = function() {
     var _ = this;
 
-    window.addEventListener('resize', _._resize.bind(_), false);
+    _.listener = function() { _._resize(); }.bind(this);
+    window.addEventListener('resize', _.listener, false);
   };
 
   /**

package.json

@@ -1,6 +1,6 @@
 {
   "name": "particlesjs",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "description": "A lightweight, dependency-free and responsive javascript plugin for particle backgrounds.",
   "main": "dist/particles.min.js",
   "repository": {

src/particles.js

@@ -2,7 +2,7 @@
  * A lightweight, dependency-free and responsive javascript plugin for particle backgrounds.
  *
  * @author Marc Bruederlin <hello@marcbruederlin.com>
- * @version 2.2.1
+ * @version 2.2.2
  * @license MIT
  * @see https://github.com/marcbruederlin/particles.js
  */
@@ -63,7 +63,7 @@ var Particles = (function(window, document) {
   }());
 
   /**
-   * Initializes the plugin with user settings.
+   * Public mehtod to initialize the plugin with user settings.
    *
    * @public
    * @param {object} settings
@@ -86,6 +86,22 @@ var Particles = (function(window, document) {
     return _;
   };
 
+  /**
+   * Public method to destroy the plugin.
+   * 
+   * @public
+   */
+  Plugin.prototype.destroy = function() {
+    var _ = this;
+
+    _.storage = [];
+    _.element.remove();
+
+    window.removeEventListener('resize', _.listener, false);
+    window.clearTimeout(_._animation);
+    cancelAnimationFrame(_._animation);
+  };
+
   /**
    * Setup the canvas element.
    *
@@ -128,7 +144,8 @@ var Particles = (function(window, document) {
   Plugin.prototype._initializeEvents = function() {
     var _ = this;
 
-    window.addEventListener('resize', _._resize.bind(_), false);
+    _.listener = function() { _._resize(); }.bind(this);
+    window.addEventListener('resize', _.listener, false);
   };
 
   /**