Hugging Face's logo

Spaces:
broadfield-dev
/
gravity-dev
Sleeping

App Files Community
broadfield-dev commited on
Commit
f85f40c
·
verified ·
1 Parent(s): 2386211

Update static/index.html

Browse files
Files changed (1) hide show
  1. static/index.html +23 -15
static/index.html CHANGED
@@ -11,30 +11,35 @@
11
  <div id="container">
12
  <div id="controls">
13
  <h1>3D Solar System Fluid Simulator</h1>
14
- <p>Adjust the masses, positions, orbital velocities, and fluid interactions, then click "Start Simulation".</p>
15
  <div class="sphere-controls">
16
  <h3>Sun</h3>
17
- <label>Mass (x10^26 kg): <input type="range" id="sun-mass" min="1" max="3" step="0.1" value="1.989"></label>
18
- <label>X: <input type="range" id="sun-x" min="-10" max="10" value="0"></label>
19
- <label>Y: <input type="range" id="sun-y" min="-10" max="10" value="0"></label>
20
- <label>Z: <input type="range" id="sun-z" min="-10" max="10" value="0"></label>
 
21
  </div>
22
  <div class="sphere-controls">
23
  <h3>Earth</h3>
24
- <label>Mass (x10^26 kg): <input type="range" id="earth-mass" min="0.01" max="0.1" step="0.001" value="0.05972"></label>
25
- <label>X: <input type="range" id="earth-x" min="-20" max="20" value="10"></label>
26
- <label>Y: <input type="range" id="earth-y" min="-20" max="20" value="0"></label>
27
- <label>Z: <input type="range" id="earth-z" min="-20" max="20" value="0"></label>
28
- <label>Orbital Velocity (km/s): <input type="range" id="earth-orbital-velocity" min="0" max="0.05" step="0.001" value="0.0298"></label>
 
 
29
  <label>Centripetal Force Scale: <input type="range" id="earth-centripetal" min="0.5" max="2" step="0.1" value="1"></label>
30
  </div>
31
  <div class="sphere-controls">
32
  <h3>Mars</h3>
33
- <label>Mass (x10^26 kg): <input type="range" id="mars-mass" min="0.001" max="0.01" step="0.0001" value="0.006417"></label>
34
- <label>X: <input type="range" id="mars-x" min="-20" max="20" value="15"></label>
35
- <label>Y: <input type="range" id="mars-y" min="-20" max="20" value="0"></label>
36
- <label>Z: <input type="range" id="mars-z" min="-20" max="20" value="0"></label>
37
- <label>Orbital Velocity (km/s): <input type="range" id="mars-orbital-velocity" min="0" max="0.05" step="0.001" value="0.0241"></label>
 
 
38
  <label>Centripetal Force Scale: <input type="range" id="mars-centripetal" min="0.5" max="2" step="0.1" value="1"></label>
39
  </div>
40
  <div class="fluid-controls">
@@ -44,6 +49,9 @@
44
  </div>
45
  <button id="start-btn">Start Simulation</button>
46
  <button id="reset-btn">Reset Simulation</button>
 
 
 
47
  </div>
48
  <div id="scene-container"></div>
49
  </div>
 
11
  <div id="container">
12
  <div id="controls">
13
  <h1>3D Solar System Fluid Simulator</h1>
14
+ <p>Adjust the parameters (real-world values), then click "Start Simulation".</p>
15
  <div class="sphere-controls">
16
  <h3>Sun</h3>
17
+ <label>Mass (kg): <input type="range" id="sun-mass" min="1e30" max="3e30" step="1e28" value="1.989e30"></label>
18
+ <p>Scaled Mass: <span id="sun-mass-scaled"></span></p>
19
+ <label>X (km): <input type="range" id="sun-x" min="-1e6" max="1e6" step="1e4" value="0"></label>
20
+ <label>Y (km): <input type="range" id="sun-y" min="-1e6" max="1e6" step="1e4" value="0"></label>
21
+ <label>Z (km): <input type="range" id="sun-z" min="-1e6" max="1e6" step="1e4" value="0"></label>
22
  </div>
23
  <div class="sphere-controls">
24
  <h3>Earth</h3>
25
+ <label>Mass (kg): <input type="range" id="earth-mass" min="1e24" max="1e25" step="1e22" value="5.972e24"></label>
26
+ <p>Scaled Mass: <span id="earth-mass-scaled"></span></p>
27
+ <label>X (km): <input type="range" id="earth-x" min="-300e6" max="300e6" step="1e6" value="149.6e6"></label>
28
+ <label>Y (km): <input type="range" id="earth-y" min="-300e6" max="300e6" step="1e6" value="0"></label>
29
+ <label>Z (km): <input type="range" id="earth-z" min="-300e6" max="300e6" step="1e6" value="0"></label>
30
+ <label>Orbital Velocity (km/s): <input type="range" id="earth-orbital-velocity" min="0" max="50" step="0.1" value="29.8"></label>
31
+ <p>Scaled Velocity: <span id="earth-velocity-scaled"></span></p>
32
  <label>Centripetal Force Scale: <input type="range" id="earth-centripetal" min="0.5" max="2" step="0.1" value="1"></label>
33
  </div>
34
  <div class="sphere-controls">
35
  <h3>Mars</h3>
36
+ <label>Mass (kg): <input type="range" id="mars-mass" min="1e23" max="1e24" step="1e21" value="6.417e23"></label>
37
+ <p>Scaled Mass: <span id="mars-mass-scaled"></span></p>
38
+ <label>X (km): <input type="range" id="mars-x" min="-300e6" max="300e6" step="1e6" value="227.9e6"></label>
39
+ <label>Y (km): <input type="range" id="mars-y" min="-300e6" max="300e6" step="1e6" value="0"></label>
40
+ <label>Z (km): <input type="range" id="mars-z" min="-300e6" max="300e6" step="1e6" value="0"></label>
41
+ <label>Orbital Velocity (km/s): <input type="range" id="mars-orbital-velocity" min="0" max="50" step="0.1" value="24.1"></label>
42
+ <p>Scaled Velocity: <span id="mars-velocity-scaled"></span></p>
43
  <label>Centripetal Force Scale: <input type="range" id="mars-centripetal" min="0.5" max="2" step="0.1" value="1"></label>
44
  </div>
45
  <div class="fluid-controls">
 
49
  </div>
50
  <button id="start-btn">Start Simulation</button>
51
  <button id="reset-btn">Reset Simulation</button>
52
+ <button id="save-btn">Save Settings</button>
53
+ <button id="load-btn">Load Settings</button>
54
+ <p id="status-message"></p>
55
  </div>
56
  <div id="scene-container"></div>
57
  </div>