Skip to content

Commit bd8fc5d

Browse files
CCradyCCrady
committed
Deploy missiles!!!
1 parent 1ec2a52 commit bd8fc5d

25 files changed

+3997
-0
lines changed

‎dist/Controls.png

13 KB
Loading

‎dist/Keplerian formula.png

216 KB
Loading

‎dist/Orbit1.svg.png

66.5 KB
Loading

‎dist/app.html

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Orrery Web App</title>
6+
<style> body { margin: 0; } </style>
7+
<script type="module" crossorigin src="/assets/app-C7LornCx.js"></script>
8+
<link rel="stylesheet" crossorigin href="/assets/stylesheet-C6QFwLlB.css">
9+
</head>
10+
<body>
11+
<details id="dropdown">
12+
<summary>Controls</summary>
13+
<div>
14+
<a href="/index.html">Go home</a>
15+
</div>
16+
<!--slider info from w3schools: https://www.w3schools.com/howto/howto_js_rangeslider.asp-->
17+
<div class="slidecontainer">
18+
<p>Speed</p> <input type="range" min="0" max="12" value="1" class="slider" step="0.01" id="speedInput">
19+
<p>Speed: <span id="speedOutput"></span> months / sec</p>
20+
</div>
21+
</details>
22+
</body>
23+
</html>

‎dist/assets/app-C7LornCx.js

Lines changed: 3839 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/assets/stylesheet-C6QFwLlB.css

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎dist/earth.jpeg

335 KB
Loading

‎dist/index.html

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<!--add descriptive attributes to improve SEO-->
5+
<meta charset="UTF-8">
6+
<meta name="author" content="Newt Powers, Calvin Crady">
7+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
8+
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
9+
<!--responsive web design-->
10+
<title>Orrery Web App Home</title>
11+
<link rel="stylesheet" crossorigin href="/assets/stylesheet-C6QFwLlB.css">
12+
</head>
13+
<body>
14+
<!-- <nav class="navbar navbar-default">
15+
<div class="container-fluid">
16+
<div class="navbar-header">
17+
<a class="navbar-brand" href="#">Orrery Project</a>
18+
</div>
19+
<ul class="nav navbar-nav">
20+
<li class="active"><a href="home.html">Home</a></li>
21+
<li><a href="learn.html">Learn</a></li>
22+
<li><a href="index.html">Explore (Demo)</a></li>
23+
</ul>
24+
</div>
25+
</nav> -->
26+
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
27+
<div class="container-fluid">
28+
<a class="navbar-brand" href="#">Orrery Model</a>
29+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
30+
<span class="navbar-toggler-icon"></span>
31+
</button>
32+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
33+
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
34+
<li class="nav-item">
35+
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
36+
</li>
37+
<li class="nav-item">
38+
<a class="nav-link" href="learn.html">Learn</a>
39+
<a class="nav-link" href="app.html">Play</a>
40+
</li>
41+
</div>
42+
</div>
43+
</nav>
44+
<img src="space.jpg" alt="stars background" top="50px" position="relative" width="100%">
45+
<div class="centered">
46+
<h1>The 3D Orrery Model Awaits</h1>
47+
</div>
48+
<!-- <div class="centered">
49+
<button type="button" href="index.html">View Now</button>
50+
<button type="button" href="learn.html">Learn More</button>
51+
</div> -->
52+
</body>

‎dist/jupiter.jpeg

117 KB
Loading

‎dist/learn.html

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<!--add descriptive attributes to improve SEO-->
5+
<meta charset="UTF-8">
6+
<meta name="author" content="Newt Powers, Calvin Crady">
7+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
8+
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
9+
<!--responsive web design-->
10+
<title>Orrery Education</title>
11+
<link rel="stylesheet" crossorigin href="/assets/stylesheet-C6QFwLlB.css">
12+
</head>
13+
<body>
14+
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
15+
<div class="container-fluid">
16+
<a class="navbar-brand" href="#">Orrery Model</a>
17+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
18+
<span class="navbar-toggler-icon"></span>
19+
</button>
20+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
21+
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
22+
<li class="nav-item">
23+
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
24+
</li>
25+
<li class="nav-item">
26+
<a class="nav-link" href="learn.html">Learn</a>
27+
<a class="nav-link" href="app.html">Play</a>
28+
</li>
29+
</div>
30+
</div>
31+
</nav>
32+
<h2>What is an orrery?</h2>
33+
<img src="mechanical-orrery.png" width="600px">
34+
<p>An orrery is a mechanical model of the solar system that demonstrates how the planets move in orbit around the Sun. The orrery was likely invented by George Graham in 1713 who presented it to Charles Boyle, 4th Earl of Orrery.</p>
35+
<h2>How Do You Calculate the Planet’s Orbits?</h2>
36+
<img src="Orbit1.svg.png" width="600px">
37+
<p>The planets orbit around the sun in an elliptical motion, kind of like moving on the edge of an oval. To model these planets, astronomers measured physical values and found the Keplerian parameters. These parameters are shown in the diagram above.
38+
</p>
39+
<img src="Keplerian-formula.png" width="600px">
40+
<p>These Keplerian parameters can be used to calculate orbital propagation, or the orbit position through time of the celestial bodies. A resource on how to do the calculations can be found here: https://ssd.jpl.nasa.gov/planets/approx_pos.html</p>
41+
<h2>How To Use the 3D Model</h2>
42+
<img src="Controls.png" width="600px">
43+
<p>First, click the Play button to view the model. Use your mouse’s scroll wheel to zoom in and out (or two finger commands on Mac) and click and drag to change the viewing angle.
44+
To use the controls, click the down arrow. You will find a slider that controls the speed of the simulation and how fast the bodies are orbiting the Sun.</p>
45+
<h2>How Was the Model Developed</h2>
46+
<p>The model was developed using HTML, CSS, and Javascript, languages that make up the basis of the internet! The threejs library was used to create the graphics and control the camera. It also incorporates bootstrap components to make the navigation bar.
47+
You can find the code linked here: https://github.com/CCrady/orrery</p>
48+
<h2>Sources: </h2>
49+
<p>https://ssd.jpl.nasa.gov/planets/approx_pos.html
50+
https://www.britannica.com/science/orrery-astronomical-model
51+
https://laughingsquid.com/a-beautiful-handcrafted-orrery-a-mechanical-model-of-the-solar-system/
52+
https://ssd.jpl.nasa.gov/sb/elem_tables.html
53+
https://blenderartists.org/t/space-background/660743
54+
https://www.spaceappschallenge.org/nasa-space-apps-2024/challenges/create-an-orrery-web-app-that-displays-near-earth-objects/
55+
https://en.wikipedia.org/wiki/Semi-major_and_semi-minor_axes
56+
https://en.wikipedia.org/wiki/Longitude_of_periapsis
57+
https://waelyasmina.net/articles/how-to-make-an-object-rotate-around-another-object-in-three-js/
58+
https://commons.wikimedia.org/wiki/File:Orbit1.svg#/media/File:Orbit1.svg
59+
https://ssd.jpl.nasa.gov/tools/sbdb_query.html
60+
https://nasa.github.io/mission-viz/X3Dom/20150611_WebBasedMissionVisualizationSystem.pdf
61+
https://data.nasa.gov/Space-Science/Near-Earth-Comets-Orbital-Elements-API/ysqn-vd8v/about_data
62+
https://ssd.jpl.nasa.gov/tools/sbdb_lookup.html#/
63+
https://github.com/CCrady/orrery
64+
https://w3schools.com/
65+
</p>
66+
</body>

‎dist/mars.jpeg

211 KB
Loading

‎dist/mechanical-orrery.png

1.08 MB
Loading

‎dist/mercury.jpeg

279 KB
Loading

‎dist/neptune.jpeg

46.9 KB
Loading

‎dist/pluto.jpeg

316 KB
Loading

‎dist/saturn-ring.png

1.03 MB
Loading

‎dist/saturn.jpeg

55 KB
Loading

‎dist/space.jpeg

31.3 KB
Loading

‎dist/space.jpg

1.1 MB
Loading

‎dist/sun.jpeg

3.52 MB
Loading

‎dist/temp

Whitespace-only changes.

‎dist/uranus-ring.png

584 KB
Loading

‎dist/uranus.jpeg

8.71 KB
Loading

‎dist/venus.jpeg

247 KB
Loading

‎vite.config.js

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
// vite.config.js
2+
import { resolve } from 'path';
3+
import { defineConfig } from 'vite';
4+
5+
export default defineConfig({
6+
build: {
7+
rollupOptions: {
8+
input: {
9+
main: resolve(__dirname, 'index.html'),
10+
app: resolve(__dirname, 'app.html'),
11+
learn: resolve(__dirname, 'learn.html'),
12+
},
13+
},
14+
},
15+
});
16+

0 commit comments

Comments
 (0)