minor changes fix some bugs

Author: dieg0v

export.php

@@ -146,11 +146,14 @@ function init(){
 		      mousePosY = mousePos.y;
 		    }, false);
 
-		    for (var i = 0; i < MAX_PARTICLES; i++) {
+		    generateParticles();
+		    animate();
+		}
+
+		function generateParticles(){
+		  for (var i = 0; i < MAX_PARTICLES; i++) {
 		        particleArray.push(createParticle());
 		    }
-
-		    animate();
 		}
 
 		function draw(){
@@ -173,25 +176,30 @@ function draw(){
 		        particle_color = "rgba("+hexToR(particle_color)+", "+hexToG(particle_color)+", "+hexToB(particle_color)+", "+OPACITY+")";
 		      }
 
+		      c.beginPath();
+
+		      c.lineWidth = STROKE_SIZE;
+		      c.fillStyle = particle_color;
 
 		      if(SHADOW_BLUR>0){
 		        c.shadowBlur = SHADOW_BLUR;
 		        c.shadowOffsetX = 1;
 		        c.shadowOffsetY = 1;
 		        c.shadowColor = "rgba(100, 100, 100, 1)";
+		      }else{
+		        c.shadowBlur = null;
+		        c.shadowOffsetX = 0;
+		        c.shadowOffsetY = 0;
+		        c.shadowColor = "rgba(100, 100, 100, 0)";
 		      }
 
-		      c.lineWidth = STROKE_SIZE;
-		      c.fillStyle = particle_color;
-		      c.beginPath();
-
 		      var particle_stroke_color = "rgba("+hexToR(STROKE_COLOR)+", "+hexToG(STROKE_COLOR)+", "+hexToB(STROKE_COLOR)+", "+OPACITY+")";
+		      c.strokeStyle = particle_stroke_color;
 
 		      switch (TYPE_PARTICLE){
 		        case "rect":
 		          c.fillRect(particle.x, particle.y, particle.size, particle.size);
 		          if(STROKE_SIZE>0){
-		            c.fillStyle = particle_stroke_color;
 		            c.strokeRect(particle.x, particle.y, particle.size, particle.size);
 		          }
 		          break;
@@ -200,17 +208,16 @@ function draw(){
 		          c.arc(particle.x, particle.y, radius, 0, 2 * Math.PI, false);
 		          c.fill();
 		          if(STROKE_SIZE>0){
-		            c.strokeStyle = particle_stroke_color;
 		            c.stroke();
 		          }
 		          break;
 		        case "triangle":
 		          c.moveTo(particle.x, particle.y);
 		          c.lineTo(particle.x + (particle.size*2) , particle.y);
 		          c.lineTo(particle.x + particle.size , particle.y - particle.size);
+		          c.lineTo(particle.x, particle.y);
 		          c.fill();
 		          if(STROKE_SIZE>0){
-		            c.strokeStyle = particle_stroke_color;
 		            c.stroke();
 		          }
 		          break;

main.js

@@ -75,7 +75,7 @@ function generate(type){
        PARTICLE_SIZE:PARTICLE_SIZE,
        DEAD_PARTICLE:DEAD_PARTICLE,
        SHADOW_BLUR:SHADOW_BLUR
-      });
+    });
 }
 
 window.onload = function() {
@@ -133,7 +133,7 @@ window.onload = function() {
   controller_dead_particle.onChange(function(value){
        DEAD_PARTICLE = value;
   });
-  var controller_shadow_blur= gui.add(text, 'shadow_blur', 0,10);
+  var controller_shadow_blur = gui.add(text, 'shadow_blur', 0,10);
   controller_shadow_blur.onFinishChange(function(value) {
       SHADOW_BLUR = Math.round(value);
   });
@@ -215,11 +215,14 @@ function init(){
       mousePosY = mousePos.y;
     }, false);
 
-    for (var i = 0; i < MAX_PARTICLES; i++) {
+    generateParticles();
+    animate();
+}
+
+function generateParticles(){
+  for (var i = 0; i < MAX_PARTICLES; i++) {
         particleArray.push(createParticle());
     }
-
-    animate();
 }
 
 function draw(){
@@ -242,25 +245,30 @@ function draw(){
         particle_color = "rgba("+hexToR(particle_color)+", "+hexToG(particle_color)+", "+hexToB(particle_color)+", "+OPACITY+")";
       }
 
+      c.beginPath();
+
+      c.lineWidth = STROKE_SIZE;
+      c.fillStyle = particle_color;
 
       if(SHADOW_BLUR>0){
         c.shadowBlur = SHADOW_BLUR;
         c.shadowOffsetX = 1;
         c.shadowOffsetY = 1;
         c.shadowColor = "rgba(100, 100, 100, 1)";
+      }else{
+        c.shadowBlur = null;
+        c.shadowOffsetX = 0;
+        c.shadowOffsetY = 0;
+        c.shadowColor = "rgba(100, 100, 100, 0)";
       }
 
-      c.lineWidth = STROKE_SIZE;
-      c.fillStyle = particle_color;
-      c.beginPath();
-
       var particle_stroke_color = "rgba("+hexToR(STROKE_COLOR)+", "+hexToG(STROKE_COLOR)+", "+hexToB(STROKE_COLOR)+", "+OPACITY+")";
+      c.strokeStyle = particle_stroke_color;
 
       switch (TYPE_PARTICLE){
         case 'rect':
           c.fillRect(particle.x, particle.y, particle.size, particle.size);
           if(STROKE_SIZE>0){
-            c.fillStyle = particle_stroke_color;
             c.strokeRect(particle.x, particle.y, particle.size, particle.size);
           }
           break;
@@ -269,17 +277,16 @@ function draw(){
           c.arc(particle.x, particle.y, radius, 0, 2 * Math.PI, false);
           c.fill();
           if(STROKE_SIZE>0){
-            c.strokeStyle = particle_stroke_color;
             c.stroke();
           }
           break;
         case 'triangle':
           c.moveTo(particle.x, particle.y);
           c.lineTo(particle.x + (particle.size*2) , particle.y);
           c.lineTo(particle.x + particle.size , particle.y - particle.size);
+          c.lineTo(particle.x, particle.y);
           c.fill();
           if(STROKE_SIZE>0){
-            c.strokeStyle = particle_stroke_color;
             c.stroke();
           }
           break;
@@ -296,7 +303,6 @@ function draw(){
             particleArray[i] = createParticle();
         }
       }else{
-
         if(particle.x < -(particle.size) ||
            particle.y < -(particle.size) ||
            particle.x > window.innerWidth+particle.size ||