-
Notifications
You must be signed in to change notification settings - Fork 11
/
Copy pathindex.html
74 lines (59 loc) · 3.14 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="code/math.js"></script>
<script src="code/drawing.js"></script>
<script src="code/physics.js"></script>
<script src="code/utils.js"></script>
<script src="code/canvas_functions.js"></script>
<script src="code/constant_gravity.js"></script>
<link rel="stylesheet" href="styles.css">
<noscript>
<p>For full functionality of this site it is necessary to enable JavaScript.
Here are the <a href="http://www.enable-javascript.com/" target="_blank">
instructions how to enable JavaScript in your web browser</a>.
</p></noscript>
</head>
<body class="sansserif">
<p align="center">
<canvas class="canvas" id="canvas" width="1360" height="480">(Canvas drawing not supported by your browser.)</canvas>
<div class="mainSlider">
Change the frame acceleration: <input type="range" min="0" max="100" value="50" class="slider" id="frameAccelerationSlider">
</div>
<div class="mainSlider">
Move the time window: <input type="range" min="0" max="100" value="50" class="slider" id="timeTranslationSlider">
</div>
</p>
<div class="textRight">
<p>
<a href="constant_gravity_4d.html">Version with more dimensions →</a>
</p>
<p>
<a href="variable_gravity.html">Version with varying gravity →</a>
</p>
</div>
<h4>Description:</h4>
<p class="text">
Under general relativity, gravity is not a force - instead it is a distortion of spacetime. Objects in free-fall move along geodesics (straight lines) in spacetime, as seen in the inertial frame of reference on the right. When standing on Earth we experience a frame of reference that is accelerating upwards, causing objects in free-fall to move along parabolas, as seen on the left.
</p>
<p class="text">
In this system there is only one space dimension, shown on the vertical axis and labeled in meters. The time dimension is the horizontal axis and labeled in seconds. The gravitational field is constant within the area of interest, which is not exactly correct but extremely close to what we experience on these scales (a few meters).
</p>
<p class="text">
Use the first slider to change the acceleration of the reference frame in the middle. When a frame has zero acceleration it is said to be an inertial frame of reference.
</p>
<p class="text">
Use the second slider to move the time window. Note that all the trajectories remain as straight lines in the inertial frame of reference.
</p>
<p class="text">
You can drag the start and end position of each object to change their trajectories. Notice again that all free-fall trajectories in the inertial frame of reference are straight lines.
</p>
<p class="text">
Code, more details, feedback: <a href="https://github.com/timhutton/GravityIsNotAForce">https://github.com/timhutton/GravityIsNotAForce</a>
</p>
<p class="text">
More on these concepts: <a href="https://youtu.be/XRr1kaXKBsU">https://youtu.be/XRr1kaXKBsU</a>
</p>
</body>
</html>