Add array selection for color_random

aweary · aweary · commit c39f2d9a4542 · 2015-02-18T15:30:11.000-06:00
Added ability for Particles.js to accept an array as a value for color_random. If the value is an array it will randomly select an element from the array for the fillStyle. The values must be HEX values at the moment.
diff --git a/particles.js b/particles.js
@@ -263,13 +263,17 @@ function launchParticlesJS(tag_id, params){
     if (pJS.retina) this.radius *= pJS.canvas.pxratio;
 
     /* color */
-    if(pJS.particles.color_random){
+    if(pJS.particles.color_random === true){
       this.color = {
         r: (Math.floor(Math.random() * (255 - 0 + 1)) + 0),
         g: (Math.floor(Math.random() * (255 - 0 + 1)) + 0),
         b: (Math.floor(Math.random() * (255 - 0 + 1)) + 0)
       }
-    }else{
+    }
+     else if( pJS.particles.color_random instanceof Array){
+	    this.color = pJS.particles.color_random[Math.floor(Math.random() * pJS.particles.color_random.length)];
+    }
+    else{
       this.color = color;
     }
 
@@ -291,7 +295,7 @@ function launchParticlesJS(tag_id, params){
 
   pJS.fn.particle.prototype.draw = function() {
 
-    pJS.canvas.ctx.fillStyle = 'rgba('+this.color.r+','+this.color.g+','+this.color.b+','+this.opacity+')';
+    pJS.canvas.ctx.fillStyle = this.color.toString().charAt(0) === '#' ?  this.color : 'rgba('+this.color.r+','+this.color.g+','+this.color.b+','+this.opacity+')';
     pJS.canvas.ctx.beginPath();
 
     switch(pJS.particles.shape){
@@ -658,4 +662,4 @@ window.particlesJS = function(tag_id, params){
     launchParticlesJS(tag_id, params);
   }
 
-};
+};
