-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfreefall.html
56 lines (43 loc) · 2.12 KB
/
freefall.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
<!DOCTYPE html>
<html>
<head>
<title>free fall</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="Description" content="Examples using HTMLCanvas and javascript.">
<meta name="Keywords" content="javascript,javascript animation html Canvas, Frank Agathos, Frantzeskos Agathos">
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap"
rel="stylesheet">
</head>
<body>
<div class="container"><a href="index.html">
<h1>Javascript Physics</h1>
</a>
</div>
<div class="container">
<h2>Free fall</h2>
<p>In this example we let objects with different masses fall from the same height inside a gravity field similar
to our planets gravity field .What is your prediction?Which of the balls is going to reach the ground
first?Those with the bigger masses or the ones with the smaller?</p>
<canvas id="canvas" width="500" height="200"></canvas>
<script src="freefall.js"></script>
<script src="ball.js"></script>
<br>
<button onclick="init()">Let balls fall</button>
<hr>
<p>A Constant <span style="color:blue">acceleration</span> gives us a constant change of <span
style="color:blue">Speed</span>.A gravity field gives masses inside a constant acceleration:</p>
<ul>
<li>The mass of the objects has nothing to do with the acceleration they inherit from the field they are in
</li>
<li>If an object has constant acceleration then its speed is defined by its acceleration and the time until
it reaches the ground is only relevant to those factors.</li>
<hr>
</div>
</body>
<footer>
Created by <a href="https://frankagathos.com">Frank Agathos</a> with the help of: <a href="https://amzn.to/3nm81yo" target="_blank">Physics for JavaScript Games,
Animation, and Simulations</a>
</footer>
</html>