Update static/script.js

static/script.js

@@ -95,20 +95,13 @@ function init() {
     scene.add(gridHelper);
 
     // Event listeners for controls
-    document.getElementById('start-btn').addEventListener('click', () => {
-        simulationRunning = true;
-        updateParams();
-    });
-
-    document.getElementById('reset-btn').addEventListener('click', () => {
-        simulationRunning = false;
-        resetSimulation();
-    });
-
+    document.getElementById('start-btn').addEventListener('click', startSimulation);
+    document.getElementById('stop-btn').addEventListener('click', stopSimulation);
+    document.getElementById('reset-btn').addEventListener('click', resetSimulation);
     document.getElementById('save-btn').addEventListener('click', saveSettings);
     document.getElementById('load-btn').addEventListener('click', loadSettings);
 
-    // Update sphere positions, masses, orbital velocities, centripetal force, and fluid interactions
+    // Update parameters when sliders change
     ['sun', 'earth', 'mars'].forEach(body => {
         document.getElementById(`${body}-mass`).addEventListener('input', updateParams);
         document.getElementById(`${body}-x`).addEventListener('input', updateParams);
@@ -178,7 +171,25 @@ function updateParams() {
     FLUID_DEFLECTION = parseFloat(document.getElementById('fluid-deflection').value);
 }
 
+function startSimulation() {
+    // Update parameters to ensure the simulation uses the latest values
+    updateParams();
+    simulationRunning = true;
+    document.getElementById('status-message').textContent = 'Simulation started';
+    document.getElementById('status-message').style.color = '#4CAF50';
+}
+
+function stopSimulation() {
+    simulationRunning = false;
+    document.getElementById('status-message').textContent = 'Simulation stopped';
+    document.getElementById('status-message').style.color = '#F44336';
+}
+
 function resetSimulation() {
+    // Stop the simulation
+    simulationRunning = false;
+
+    // Reset fluid particles
     fluidParticles.forEach(particle => {
         particle.position.set(
             (Math.random() - 0.5) * SPACE_SIZE,
@@ -192,36 +203,13 @@ function resetSimulation() {
         );
     });
 
-    // Reset positions and velocities for Earth and Mars
-    spheres[1].position.set(149.6e6 * DISTANCE_SCALE, 0, 0);
-    spheres[1].userData.velocity.set(0, 0, 29.8 * VELOCITY_SCALE);
-    spheres[2].position.set(227.9e6 * DISTANCE_SCALE, 0, 0);
-    spheres[2].userData.velocity.set(0, 0, 24.1 * VELOCITY_SCALE);
-
-    // Reset sliders to default values
-    document.getElementById('sun-mass').value = 1.989e30;
-    document.getElementById('sun-x').value = 0;
-    document.getElementById('sun-y').value = 0;
-    document.getElementById('sun-z').value = 0;
-    document.getElementById('earth-mass').value = 5.972e24;
-    document.getElementById('earth-x').value = 149.6e6;
-    document.getElementById('earth-y').value = 0;
-    document.getElementById('earth-z').value = 0;
-    document.getElementById('earth-orbital-velocity').value = 29.8;
-    document.getElementById('earth-centripetal').value = 1;
-    document.getElementById('mars-mass').value = 6.417e23;
-    document.getElementById('mars-x').value = 227.9e6;
-    document.getElementById('mars-y').value = 0;
-    document.getElementById('mars-z').value = 0;
-    document.getElementById('mars-orbital-velocity').value = 24.1;
-    document.getElementById('mars-centripetal').value = 1;
-    document.getElementById('fluid-friction').value = 0.9;
-    document.getElementById('fluid-deflection').value = 0.1;
-
+    // Reset sphere positions and velocities using current control values
     updateParams();
+
+    document.getElementById('status-message').textContent = 'Simulation reset';
+    document.getElementById('status-message').style.color = '#2196F3';
 }
 
-// static/script.js (relevant excerpts for error handling)
 function saveSettings() {
     const settings = {
         sun: {