support multi canvas / multi particles-js on the same page (dom)

VincentGarreau · VincentGarreau · commit ae4f4b083532 · 2015-04-12T19:02:59.000+02:00
diff --git a/particles.js b/particles.js
@@ -6,12 +6,12 @@
 /* v1.1.1
 /* ----------------------------------------------- */
 
-function launchParticlesJS(tag_id, params){
+var pJS = function(tag_id, params){
 
   var canvas_el = document.querySelector('#'+tag_id+' > canvas');
 
   /* particles.js variables with default values */
-  window.pJS = {
+  this.pJS = {
     canvas: {
       el: canvas_el,
       w: canvas_el.offsetWidth,
@@ -99,6 +99,8 @@ function launchParticlesJS(tag_id, params){
     }
   };
 
+  var pJS = this.pJS;
+
   Object.deepExtend = function(destination, source) {
     for (var property in source) {
       if (source[property] && source[property].constructor &&
@@ -750,6 +752,8 @@ function hexToRgb(hex){
 
 /* --- LAUNCH --- */
 
+window.pJSDom = [];
+
 window.particlesJS = function(tag_id, params){
 
   /* no string id? so it's object params, and set the id with default id */
@@ -775,7 +779,7 @@ window.particlesJS = function(tag_id, params){
 
   /* launch particle.js */
   if(canvas != null){
-    launchParticlesJS(tag_id, params);
+    pJSDom.push(new pJS(tag_id, params));
   }
 
 };
