Merge pull request #10 from zarocknz/tweak-icons-explosions

MAJOR added more rockets, removed non open source icons

Author: zarocknz

rocket_definitions.js

@@ -1,59 +1,59 @@
 // Define setting for different skyrockets.
 var skyrockets = [
 	{
-		'name' : 'rocket0',
+		'name' : 'redGreenMeetupRing',
 		'outerRadius' : 100,
 		'innerRadius' : 70,
 		'numParticles' : 80,
-		'color1' : '0,255,0',
-		'color2' : '255,0,0',
-		'particleRadius' : 5,
+		'color1' : '255,0,0',
+		'color2' : '0,255,0',
+		'particleRadius' : 4,
 		'xFunction' : 'cos',
 		'yFunction' : 'sin',
-		'rocketIcon' : '\uf2cd',
+		'rocketIcon' : '\uf2e0',
 		'rocketIconSize' : 25
 	},
 	{
-		'name' : 'rocket1',
+		'name' : 'blueRedRocketSmall',
 		'outerRadius' : 50,
 		'innerRadius' : 10,
 		'numParticles' : 20,
-		'color1' : '0,100,255',
+		'color1' : '50,200,255',
 		'color2' : '255,0,0',
 	    'particleRadius' : 5,
 	    'xFunction' : 'cos',
 	    'yFunction' : 'sin',
 	    'rocketIcon' : '\uf135',
-	    'rocketIconSize' : 14
+	    'rocketIconSize' : 20
   },
 	{
-		'name' : 'rocket2',
+		'name' : 'bluePinkSmallParticle',
 		'outerRadius' : 80,
 		'innerRadius' : 20,
-		'numParticles' : 20,
+		'numParticles' : 70,
 		'color1' : '0,150,200',
 		'color2' : '255,0,100',
-	    'particleRadius' : 5,
+	    'particleRadius' : 2,
 	    'xFunction' : 'cos',
 	    'yFunction' : 'sin',
 	    'rocketIcon' : '\uf077',
 	    'rocketIconSize' : 16
   },
   {
-    'name' : 'rocket3',
+    'name' : 'BlueOrangeGitCatVertialExplode',
     'outerRadius' : 30,
     'innerRadius' : 20,
-    'numParticles' : 20,
+    'numParticles' : 25,
     'color1' : '0,150,200',
     'color2' : '255,102,0',
     'particleRadius' : 5,
     'xFunction' : 'sin',
     'yFunction' : 'tan',
-    'rocketIcon' : '\uf179',
-    'rocketIconSize' : 18
+    'rocketIcon' : '\uf113',
+    'rocketIconSize' : 25
   },
   {
-    'name' : 'rocket4',
+    'name' : 'CodePenRedYellowNotDense',
     'outerRadius' : 200,
     'innerRadius' : 100,
     'numParticles' : 20,
@@ -62,11 +62,11 @@ var skyrockets = [
     'particleRadius' : 5,
     'xFunction' : 'cos',
     'yFunction' : 'sin',
-    'rocketIcon' : '\uf17a',
-    'rocketIconSize' : 14
+    'rocketIcon' : '\uf1cb',
+    'rocketIconSize' : 12
   },
   {
-    'name' : 'rocket5',
+    'name' : 'YellowPinkHeartCircular',
     'outerRadius' : 120,
     'innerRadius' : 20,
     'numParticles' : 200,
@@ -79,7 +79,7 @@ var skyrockets = [
     'rocketIconSize' : 16
   },
   {
-    'name' : 'bigBadaBoooom',
+    'name' : 'bigBadaBoooomPinkGreen',
     'outerRadius' : 220,
     'innerRadius' : 40,
     'numParticles' : 320,
@@ -91,16 +91,70 @@ var skyrockets = [
     'rocketIcon' : '\uf1e2',
     'rocketIconSize' : 40
   },  {
-    'name' : 'rocket7',
+    'name' : 'GreenRingAndroid',
     'outerRadius' : 120,
     'innerRadius' : 100,
     'numParticles' : 320,
-    'color1' : '207,3,227',
-    'color2' : '0,255,43',
-    'particleRadius' : 5,
+    'color1' : '0,255,43',
+    'particleRadius' : 2.5,
     'xFunction' : 'cos',
     'yFunction' : 'sin',
-    'rocketIcon' : '\uf0b1',
-    'rocketIconSize' : 14
+    'rocketIcon' : '\uf17b',
+    'rocketIconSize' : 30
+  },
+  // Catalyst brand colours.
+  {
+	  'name' : 'redSilverRoundPlus',
+	  'outerRadius' : 100,
+	  'innerRadius' : 10,
+	  'numParticles' : 80,
+	  'color1' : '187,50,50',	// Red
+	  'color2' : '195,195,195',		// Gray
+	  'particleRadius' : 5,
+	  'xFunction' : 'cos',
+	  'yFunction' : 'sin',
+	  'rocketIcon' : '\uf0fe',
+	  'rocketIconSize' : 15
+  },
+  {
+	  'name' : 'blueSilverRingBigParticleLowAlphaSlideShare',
+	  'outerRadius' : 100,
+	  'innerRadius' : 10,
+	  'numParticles' : 80,
+	  'color1' : '91,154,169',	   // Blue
+	  'color2' : '195,195,195',	   // Gray
+	  'particleRadius' : 15,
+	  'particleAlpha' : 0.5,
+	  'xFunction' : 'cos',
+	  'yFunction' : 'sin',
+	  'rocketIcon' : '\uf1e7',
+	  'rocketIconSize' : 20
+  },
+
+  {
+	  'name' : 'greenSilverCrazyHTML5',
+	  'outerRadius' : 100,
+	  'innerRadius' : 10,
+	  'numParticles' : 300,
+	  'color1' : '136,154,58',	// Green
+	  'color2' : '195,195,195',		// Gray
+	  'particleRadius' : 2.5,
+	  'xFunction' : 'tan',
+	  'yFunction' : 'cos',
+	  'rocketIcon' : '\uf13b',
+	  'rocketIconSize' : 25
+  },
+
+  {
+	  'name' : 'plainYellowSmall',
+	  'outerRadius' : 40,
+	  'innerRadius' : 0,
+	  'numParticles' : 100,
+	  'color1' : '230,173,48',	// yellow
+	  'particleRadius' : 3,
+	  'xFunction' : 'sin',
+	  'yFunction' : 'cos',
+	  'rocketIcon' : '\uf052',
+	  'rocketIconSize' : 20
   },
 ];

skyrocket.js

@@ -151,7 +151,7 @@ Firework.prototype.draw = function()
 		//++ @TODO ideally the icon can be rotated, which is important for directional ones like the rocket.
 		fctx.save();
 		fctx.font = this.rocketIconSize + 'px FontAwesome';
-		fctx.fillStyle = 'Goldenrod';
+		fctx.fillStyle = 'rgba(' + this.color1 + ', ' + 1 + ')';
 		fctx.textAlign="center";	// Centers the icon on the point (means no out of alignment with the trail).
 		fctx.fillText(this.rocketIcon, this.x, this.y);
 		fctx.restore();