Particle Mass

Author: BoisterousCoder

JS/MainLoop.js

@@ -30,7 +30,7 @@ function mainLoop(particlesLeft, particlesRight, translation) {
 		}
 	});
 
-	$('#tempLeft').html(Math.round(average(leftTemps)));
+	$('#tempLeft').html(Math.round(average(leftTemps)* particleMass));
 
 	particlesRight.forEach(function (particle, i) {
 		rightTemps.push(particle.vel.r);
@@ -49,7 +49,7 @@ function mainLoop(particlesLeft, particlesRight, translation) {
 		}
 	});
 
-	$('#tempRight').html(Math.round(average(rightTemps)));
+	$('#tempRight').html(Math.round(average(rightTemps) * particleMass));
 
 	if(!allowCrossOver){
 		c.beginPath()

JS/Start.js

@@ -3,12 +3,10 @@ const fps = 30;
 
 //left side
 var initTempLeft = 20;
-var particleMassLeft = 1;
 var numberOfParticlesLeft = 100;
 
 //right side
 var initTempRight = 10;
-var particleMassRight = 1;
 var numberOfParticlesRight = 200;
 
 /*
@@ -25,6 +23,7 @@ var particleRadius = 0.5;
 var canvasRatio = 2.1;
 var isFriction = false;
 var allowCrossOver = false
+var particleMass = 5;
 
 //global vars
 var ctx;
@@ -58,7 +57,7 @@ function init(c) {
 		initPoint.x += 50;
 		initPoint.y += 50;
 
-		makeParticle(initPoint, particleRadius, particleMassLeft, initForce, particlesLeft);
+		makeParticle(initPoint, particleRadius, particleMass, initForce, particlesLeft);
 	}
 
 	for (let i = 0; i < numberOfParticlesRight; i++) {
@@ -69,7 +68,7 @@ function init(c) {
 		initPoint.x += 160;
 		initPoint.y += 50;
 
-		makeParticle(initPoint, particleRadius, particleMassRight, initForce, particlesRight);
+		makeParticle(initPoint, particleRadius, particleMass, initForce, particlesRight);
 	}
 
 	//initArrowKeys();

index.html

@@ -39,6 +39,7 @@
 			<span class='setting' type='range' var='initTempRight' max='30' min='1'></span><br/>
 			<span class='setting' type='range' var='numberOfParticlesLeft' max='200' min='50'></span><br/>
 			<span class='setting' type='range' var='numberOfParticlesRight' max='200' min='50'></span><br/>
+			<span class='setting' type='range' var='particleMass' max='10' min='1'></span><br/>
 			<button onclick="resetLoop()">Reset</button>
         </div>
     </body>