Skip to content

Commit b95b9a1

Browse files
Ayushparikh-codeAyushparikh-code
authoredOct 29, 2024··
Merge pull request #566 from Aloneking789/Aloneking
Added a new project named 3d Solar System
2 parents 9110fe0 + cb7b788 commit b95b9a1

File tree

5 files changed

+2367
-0
lines changed

5 files changed

+2367
-0
lines changed
 

‎Project Explorer/style.css

+161
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,161 @@
1+
body {
2+
display: flex;
3+
flex-direction: column;
4+
min-height: 100vh; /* Ensure the body takes at least the full viewport height */
5+
margin: 0;
6+
padding: 0;
7+
font-family: Arial, sans-serif;
8+
background: linear-gradient(to right, black, grey, white);
9+
background-repeat: no-repeat;
10+
background-attachment: fixed;
11+
color: #fff;
12+
}
13+
14+
header {
15+
background-color: #333;
16+
color: #fff;
17+
text-align: center;
18+
padding: 1rem 0;
19+
border-bottom: #77A6F7 3px solid;
20+
}
21+
22+
header .container {
23+
display: flex;
24+
justify-content: space-between;
25+
align-items: center;
26+
padding: 0 20px;
27+
}
28+
29+
header h1 {
30+
margin: 0;
31+
font-size: 1.5rem;
32+
}
33+
34+
header nav ul {
35+
padding: 0;
36+
list-style: none;
37+
display: flex;
38+
}
39+
40+
header nav ul li {
41+
margin-left: 40px;
42+
}
43+
44+
header nav ul li a {
45+
color: #fff;
46+
text-decoration: none;
47+
text-transform: uppercase;
48+
font-size: 16px;
49+
}
50+
51+
.container {
52+
width: 100%;
53+
max-width: 1200px;
54+
margin: auto;
55+
padding: 20px;
56+
flex: 1; /* Expand to fill remaining space */
57+
}
58+
59+
section {
60+
margin-bottom: 40px;
61+
}
62+
63+
form {
64+
display: flex;
65+
align-items: center;
66+
gap: 10px;
67+
margin-bottom: 20px;
68+
}
69+
70+
input[type="text"],
71+
button {
72+
padding: 10px;
73+
font-size: 1rem;
74+
border: 1px solid #ccc;
75+
border-radius: 4px;
76+
}
77+
78+
input[type="text"] {
79+
width: 100%; /* Make search bars take full width */
80+
max-width: 400px; /* Limit maximum width */
81+
}
82+
83+
button {
84+
background-color: #777;
85+
color: #fff;
86+
border: none;
87+
cursor: pointer;
88+
transition: background-color 0.3s ease;
89+
}
90+
91+
button:hover {
92+
background-color: #999;
93+
}
94+
.projects {
95+
display: flex;
96+
flex-wrap: wrap;
97+
gap: 40px;
98+
justify-content: space-around;
99+
}
100+
101+
.project {
102+
flex: 1 1 300px;
103+
padding: 15px;
104+
border: 1px solid #ccc;
105+
border-radius: 8px;
106+
background-color: #333;
107+
color: #fff;
108+
box-shadow: 0 0 10px rgba(0,0,0,0.1);
109+
display: flex;
110+
flex-direction: column;
111+
justify-content: space-between;
112+
}
113+
114+
.project h3 {
115+
margin: 0;
116+
font-size: 1.2rem;
117+
}
118+
119+
.project p {
120+
margin: 10px 0 0;
121+
font-size: 1rem;
122+
overflow: hidden;
123+
text-overflow: ellipsis;
124+
display: -webkit-box;
125+
-webkit-line-clamp: 2;
126+
-webkit-box-orient: vertical;
127+
}
128+
129+
.project a {
130+
align-self: flex-end;
131+
text-decoration: none;
132+
color: #77A6F7;
133+
transition: color 0.3s ease;
134+
}
135+
136+
.project a:hover {
137+
color: #99c2f5;
138+
}
139+
140+
footer {
141+
margin-top: auto; /* Push the footer to the bottom */
142+
color: #fff;
143+
background-color: #333;
144+
text-align: center;
145+
position: relative;
146+
147+
}
148+
149+
/* Loading bar */
150+
#loading-bar {
151+
width: 100%;
152+
height: 4px;
153+
background-color: rgb(234, 159, 234);
154+
position: fixed;
155+
top: 0;
156+
left: 0;
157+
z-index: 1000;
158+
transform: scaleX(0);
159+
transform-origin: left;
160+
transition: transform 0.3s ease;
161+
}

‎solarsystem3d/README.MD

+62
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,62 @@
1+
## A Brief of the Prototype:
2+
# Solar System Visualization
3+
4+
This project is an interactive, web-based visualization of our solar system, created using HTML5 Canvas and JavaScript. It provides an engaging and educational experience for users to explore the planets, asteroid belts, and other celestial bodies in our solar system.
5+
6+
## Features
7+
8+
- Realistic representation of the Sun, planets, and their orbits
9+
- Animated planetary motion with varying speeds
10+
- Asteroid belts (Main Asteroid Belt, Earth's Asteroid Belt, and Kuiper Belt)
11+
- Earth's moon (satellite)
12+
- Saturn's rings
13+
- Interactive zoom functionality
14+
- Click-to-view planet information
15+
- Responsive design that adapts to different screen sizes
16+
17+
## How to Use
18+
19+
1. Open the index.html file in a modern web browser.
20+
2. The solar system will automatically start animating.
21+
3. Use the zoom controls in the top-right corner to zoom in and out:
22+
- Click the "+" button to zoom in
23+
- Click the "-" button to zoom out
24+
4. Click on any planet to view its name and orbit radius.
25+
5. Click anywhere else to close the planet information popup.
26+
##Just install live server extension on vs code and run the index.htmnl file on it and enjoy
27+
28+
29+
## Technical Details
30+
31+
- The visualization is built using HTML5 Canvas for rendering.
32+
- JavaScript is used for animation and interactivity.
33+
- Planet images are loaded dynamically (ensure the images folder is present with appropriate planet images).
34+
- The project uses a custom zoom implementation to allow users to explore the solar system in detail.
35+
36+
## Customization
37+
38+
You can easily customize various aspects of the visualization:
39+
40+
- Adjust planet sizes, colors, and orbit radii in the planets array.
41+
- Modify the number and properties of asteroids in the asteroidBelt, earthAsteroidBelt, and kuiperBelt arrays.
42+
- Change the appearance of Saturn's rings by modifying the saturnRings object.
43+
- Adjust the zoom limits by changing the maxZoom and minZoom variables.
44+
45+
## Browser Compatibility
46+
47+
This visualization should work in all modern web browsers that support HTML5 Canvas. For the best experience, use the latest version of Chrome, Firefox, Safari, or Edge.
48+
49+
## Known Issues
50+
51+
- The background space sound may not autoplay in some browsers due to autoplay restrictions. Users may need to interact with the page first to start the audio.
52+
53+
## Future Improvements
54+
55+
- Add more detailed information for each planet
56+
- Implement touch controls for mobile devices
57+
- Add options to adjust animation speed
58+
- Include more celestial bodies like dwarf planets and comets
59+
60+
## Credits
61+
62+
This Solar System Visualization was created as an educational project. Planet images and astronomical data are based on publicly available information from NASA and other space agencies.

‎solarsystem3d/index.html

+311
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,311 @@
1+
<!DOCTYPE html>
2+
<!--coding with lucifer the devil !! -->
3+
<html lang="en">
4+
5+
<head>
6+
<meta charset="UTF-8" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
8+
<title>3D solar System By team Elite</title>
9+
<link rel="stylesheet" href="style.css" />
10+
</head>
11+
12+
<body class="opening hide-UI view-2D zoom-large data-close controls-close">
13+
<div id="navbar">
14+
<a id="toggle-data" href="#data"><i class="icon-data"></i>Data</a>
15+
<h1>3D Solar System by Team Elite<br /></h1>
16+
<a id="toggle-controls" href="#controls"><i class="icon-controls"></i>Controls</a>
17+
</div>
18+
19+
<button class="menu-button">SHOW MORE</button>
20+
<div class="sidebar">
21+
<button class="close-button">X</button>
22+
<ul>
23+
<li>
24+
<a href="https://en.wikipedia.org/wiki/99942_Apophis">
25+
<span class="object-name">99942 Apophis</span>
26+
<span class="object-description">Description: Discovered in 2004, Apophis is a near-Earth asteroid approximately 370 meters in diameter. Initially predicted to have a chance of impacting Earth in 2029, further observations have ruled out that possibility.</span>
27+
</a>
28+
</li>
29+
<li>
30+
<a href="https://en.wikipedia.org/wiki/101955_Bennu">
31+
<span class="object-name">2004 MN4 (Apophis)</span>
32+
<span class="object-description">Description:Apophis is a large asteroid with a diameter of about 370 meters, known for its significant close approaches to Earth. When it was first discovered, it garnered attention due to its potential impact threat in 2029.</span>
33+
</a>
34+
</li>
35+
<li>
36+
<a href="https://en.wikipedia.org/wiki/2006_QV89.html">
37+
<span class="object-name">O2006 QV89</span>
38+
<span class="object-description">Description: 2006 QV89 is a near-Earth asteroid with a diameter of approximately 40 meters. It gained notoriety in 2019 when it was identified as a potential impactor, with an uncertain trajectory that sparked concern.</span>
39+
</a>
40+
</li>
41+
<li>
42+
<a href="https://en.wikipedia.org/wiki/2001_FO32.html">
43+
<span class="object-name">101955 Bennu</span>
44+
<span class="object-description">Description: Bennu is a carbon-rich asteroid approximately 492 meters in diameter. It is of significant interest due to its potential to impact Earth in the late 22nd century. NASA's OSIRIS-REx mission successfully collected samples from Bennu's surface in 2020, and the samples are expected to return to Earth in 2023.</span>
45+
</a>
46+
</li>
47+
<li>
48+
<a href="https://en.wikipedia.org/wiki/2004_MN4">
49+
<span class="object-name">2001 FO32</span>
50+
<span class="object-description">Description: 2001 FO32 is an Apollo-type asteroid with an estimated diameter of 900 meters. It is known for its close encounters with Earth, particularly in March 2021 when it passed within 2 million kilometers. </span>
51+
</a>
52+
</li>
53+
</ul>
54+
</div>
55+
56+
57+
58+
<div id="data">
59+
<a class="sun" title="sun" href="#sunspeed">Sun</a>
60+
<a class="mercury" title="mercury" href="#mercuryspeed">Mercury</a>
61+
<a class="venus" title="venus" href="#venusspeed">Venus</a>
62+
<a class="earth active" title="earth" href="#earthspeed">Earth</a>
63+
<a class="mars" title="mars" href="#marsspeed">Mars</a>
64+
<a class="jupiter" title="jupiter" href="#jupiterspeed">Jupiter</a>
65+
<a class="saturn" title="saturn" href="#saturnspeed">Saturn</a>
66+
<a class="uranus" title="uranus" href="#uranusspeed">Uranus</a>
67+
<a class="neptune" title="neptune" href="#neptunespeed">Neptune</a>
68+
</div>
69+
<div id="controls">
70+
<label class="set-view">
71+
<input type="checkbox" />
72+
</label>
73+
<label class="set-zoom">
74+
<input type="checkbox" />
75+
</label>
76+
<label>
77+
<input type="radio" class="set-speed" name="scale" checked />
78+
<span>Speed</span>
79+
</label>
80+
<label>
81+
<input type="radio" class="set-size" name="scale" />
82+
<span>Size</span>
83+
</label>
84+
<label>
85+
<input type="radio" class="set-distance" name="scale" />
86+
<span>Distance</span>
87+
</label>
88+
</div>
89+
<div id="universe" class="scale-stretched">
90+
<div id="galaxy">
91+
<div id="solar-system" class="earth">
92+
<div id="mercury" class="orbit">
93+
<div class="pos">
94+
<div class="planet launch-button" id="launchButton" data-key="mercury">
95+
<dl class="infos">
96+
<dt>Mercury</dt>
97+
<dd><span></span></dd>
98+
</dl>
99+
</div>
100+
</div>
101+
</div>
102+
<div id="venus" class="orbit">
103+
<div class="pos">
104+
<div class="planet launch-button" id="launchButton" data-key="venus">
105+
<dl class="infos">
106+
<dt>Venus</dt>
107+
<dd><span></span></dd>
108+
</dl>
109+
</div>
110+
</div>
111+
</div>
112+
<div id="earth" class="orbit">
113+
<div class="pos">
114+
<div class="orbit">
115+
<div class="pos">
116+
<div class="moon"></div>
117+
</div>
118+
</div>
119+
<div class="planet launch-button" id="launchButton" data-key="earth">
120+
<dl class="infos">
121+
<dt>Earth</dt>
122+
<dd><span></span></dd>
123+
</dl>
124+
</div>
125+
</div>
126+
</div>
127+
<div id="mars" class="orbit">
128+
<div class="pos">
129+
<div class="planet launch-button" id="launchButton" data-key="mars">
130+
<dl class="infos">
131+
<dt>Mars</dt>
132+
<dd><span></span></dd>
133+
</dl>
134+
</div>
135+
</div>
136+
</div>
137+
<div id="jupiter" class="orbit">
138+
<div class="pos">
139+
<div class="planet launch-button" id="launchButton" data-key="jupiter">
140+
<dl class="infos">
141+
<dt>Jupiter</dt>
142+
<dd><span></span></dd>
143+
</dl>
144+
</div>
145+
</div>
146+
</div>
147+
<div id="saturn" class="orbit">
148+
<div class="pos">
149+
<div class="planet launch-button" id="launchButton" data-key="saturn">
150+
<div class="ring"></div>
151+
<dl class="infos">
152+
<dt>Saturn</dt>
153+
<dd><span></span></dd>
154+
</dl>
155+
</div>
156+
</div>
157+
</div>
158+
<div id="uranus" class="orbit">
159+
<div class="pos">
160+
<div class="planet launch-button" id="launchButton" data-key="uranus">
161+
<dl class="infos">
162+
<dt>Uranus</dt>
163+
<dd><span></span></dd>
164+
</dl>
165+
</div>
166+
</div>
167+
</div>
168+
<div id="neptune" class="orbit">
169+
<div class="pos">
170+
<div class="planet launch-button" id="launchButton" data-key="neptune">
171+
<dl class="infos">
172+
<dt>Neptune</dt>
173+
<dd><span></span></dd>
174+
</dl>
175+
</div>
176+
</div>
177+
</div>
178+
<div id="sun">
179+
<dl class="infos">
180+
<dt>Sun</dt>
181+
<dd><span></span></dd>
182+
</dl>
183+
</div>
184+
</div>
185+
</div>
186+
</div>
187+
<a class="advanced-button" href="https://satyam32-sat.github.io/Solar2dPrototype/">ADV 2D</a>
188+
189+
<button class="spaceship-btn" onclick="window.location.href='NASA_Game_Dashboard/index.html'">
190+
🚀
191+
</button>
192+
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
193+
<script type="text/javascript">
194+
195+
196+
document.addEventListener("DOMContentLoaded", function() {
197+
const menuButton = document.querySelector('.menu-button');
198+
const sidebar = document.querySelector('.sidebar');
199+
const closeButton = document.querySelector('.close-button');
200+
201+
menuButton.addEventListener('click', function() {
202+
// Toggle the sidebar's position
203+
if (sidebar.style.left === '0%') {
204+
sidebar.style.left = '-50%'; // Hide the sidebar
205+
} else {
206+
sidebar.style.left = '0%'; // Show the sidebar
207+
}
208+
});
209+
210+
closeButton.addEventListener('click', function() {
211+
sidebar.style.left = '-50%'; // Hide the sidebar
212+
});
213+
});
214+
215+
216+
// Data object with detailed facts about each planet
217+
const data = {
218+
earth: {
219+
title: "Earth",
220+
facts: `Earth is the third planet from the Sun and the only one known to support life. It has a diverse range of ecosystems and climates, from tropical rainforests to polar ice caps. Earth's surface is 71% water, mostly in the form of oceans, which play a crucial role in regulating the planet's climate and weather patterns. The remaining 29% is land, comprising continents and islands with various terrains. Earth's atmosphere, rich in nitrogen and oxygen, shields the planet from harmful solar radiation and helps sustain life. It rotates on its axis every 24 hours, creating day and night, and orbits the Sun every 365.25 days, leading to the changing seasons. The planet's magnetic field, generated by its molten iron core, protects it from solar winds and cosmic radiation. Human activities, such as deforestation and pollution, are affecting Earth's ecosystems and climate, highlighting the need for sustainable practices and environmental conservation.`,
221+
},
222+
mars: {
223+
title: "Mars",
224+
facts: `Mars, the fourth planet from the Sun, is known for its reddish appearance due to iron oxide, or rust, on its surface. It is a terrestrial planet with a thin atmosphere, composed mostly of carbon dioxide, with traces of nitrogen and argon. Mars has the largest volcano in the solar system, Olympus Mons, and a canyon system, Valles Marineris, that stretches over 4,000 kilometers. The planet's surface features include polar ice caps, seasonal dust storms, and ancient riverbeds, suggesting it once had liquid water. Mars experiences extreme temperature variations, with averages around -80 degrees Fahrenheit. Despite its harsh conditions, Mars has been a focal point for exploration, with rovers like Curiosity and Perseverance providing insights into its geology and potential for past life. Future missions aim to investigate its potential for human colonization.`,
225+
},
226+
jupiter: {
227+
title: "Jupiter",
228+
facts: `Jupiter is the largest planet in our solar system, with a diameter of about 86,881 miles. It is a gas giant with a composition primarily of hydrogen and helium. Jupiter's most notable feature is the Great Red Spot, a massive storm that has been raging for at least 400 years. The planet has a strong magnetic field and numerous moons, including the four largest, known as the Galilean moons: Io, Europa, Ganymede, and Callisto. Jupiter's atmosphere is characterized by its banded appearance, with alternating zones of high and low pressure creating colorful cloud bands. The planet has a very fast rotation, completing one spin in just under 10 hours. Jupiter's intense gravity influences many objects in the solar system, and its massive size makes it a key player in the dynamics of planetary science.`,
229+
},
230+
saturn: {
231+
title: "Saturn",
232+
facts: `Saturn is the sixth planet from the Sun and is famous for its prominent ring system. The planet is a gas giant, composed mainly of hydrogen and helium. Saturn's rings are made up of countless ice and rock particles, varying in size from tiny grains to large chunks. The planet has a diameter of about 72,367 miles and is known for its low density, as it is less dense than water. Saturn has a strong magnetic field and dozens of moons, with Titan being the largest and having a thick atmosphere of nitrogen and methane. The planet's atmosphere features bands of clouds and storms, including the mysterious hexagonal storm system at its north pole. Saturn's complex ring system and its diverse collection of moons make it a fascinating subject for study.`,
233+
},
234+
uranus: {
235+
title: "Uranus",
236+
facts: `Uranus, the seventh planet from the Sun, is unique for its extreme tilt, with an axial tilt of about 98 degrees. This tilt causes its poles to face the Sun directly, leading to extreme seasonal variations. The planet is an ice giant with a composition of hydrogen, helium, and water, ammonia, and methane ices. Uranus has a faint ring system and 27 known moons, with Titania, Oberon, Ariel, and Umbriel being the largest. The planet's blue-green color is due to the presence of methane in its atmosphere, which absorbs red light and reflects blue. Uranus has a relatively low internal heat, and its magnetic field is tilted compared to its rotational axis. The planet was discovered in 1781 by William Herschel and has been studied by the Voyager 2 spacecraft.`,
237+
},
238+
neptune: {
239+
title: "Neptune",
240+
facts: `Neptune is the eighth and farthest planet from the Sun. It is a gas giant with a composition similar to Uranus, primarily composed of hydrogen, helium, and methane. Neptune's striking blue color is due to the absorption of red light by methane in its atmosphere. The planet has the strongest winds in the solar system, reaching speeds of up to 1,200 miles per hour. Neptune has a faint ring system and 14 known moons, with Triton being the largest. Triton is unique for its retrograde orbit and geysers that spew nitrogen gas. Neptune's atmosphere is characterized by its dynamic weather patterns, including large storms and high-altitude clouds. The planet was discovered in 1846 through mathematical predictions and has been studied by the Voyager 2 spacecraft, which provided valuable data on its atmospheric conditions and ring system.`,
241+
},
242+
mercury: {
243+
title: "Mercury",
244+
facts: `Mercury is the closest planet to the Sun and has the shortest orbital period of any planet in the solar system, completing one orbit in about 88 Earth days. It is a rocky planet with a diameter of about 3,032 miles. Mercury's surface is heavily cratered, similar to the Moon, due to impacts from space debris. The planet has a very thin atmosphere, composed mostly of oxygen, sodium, hydrogen, helium, and potassium. Mercury experiences extreme temperature fluctuations, ranging from about 800 degrees Fahrenheit during the day to -330 degrees Fahrenheit at night. The planet has a weak magnetic field and no known moons. Mercury's surface features include vast plains, steep cliffs, and large impact basins, making it an interesting subject for geological studies.`,
245+
},
246+
venus: {
247+
title: "Venus",
248+
facts: `Venus, the second planet from the Sun, is similar in size and composition to Earth but has a very different atmosphere and surface conditions. The planet is covered by thick clouds of sulfuric acid and has a surface pressure about 92 times that of Earth. Venus's atmosphere is primarily composed of carbon dioxide, with trace amounts of nitrogen and other gases. This dense atmosphere creates a strong greenhouse effect, leading to surface temperatures that can reach up to 900 degrees Fahrenheit, hotter than any other planet in the solar system. Venus rotates very slowly on its axis, taking about 243 Earth days to complete one rotation, and has a rotation direction opposite to most planets. The planet has no moons and features a rocky surface with mountains, valleys, and volcanic plains.`,
249+
},
250+
};
251+
252+
function openMenu() {
253+
document.getElementById("sideMenu").style.width = "250px";
254+
}
255+
256+
function closeMenu() {
257+
document.getElementById("sideMenu").style.width = "0";
258+
}
259+
260+
// const launchButton = document.getElementById("launchButton");
261+
const launchButtons = document.querySelectorAll(".launch-button");
262+
const popupCard = document.getElementById("popupCard");
263+
const closePopup = document.getElementById("closePopup");
264+
const popupTitle = document.getElementById("popupTitle");
265+
const popupFacts = document.getElementById("popupFacts");
266+
267+
launchButtons.forEach((button) => {
268+
button.addEventListener("click", () => {
269+
const key = button.getAttribute("data-key");
270+
const info = data[key];
271+
272+
// Update popup content
273+
popupTitle.textContent = info.title;
274+
popupFacts.textContent = info.facts;
275+
276+
// Show popup with animation
277+
popupCard.classList.add("show");
278+
});
279+
});
280+
281+
// Show the popup card with animation
282+
// launchButton.addEventListener("click", () => {
283+
// popupCard.classList.add("show");
284+
// });
285+
286+
// Close the popup when the close button is clicked
287+
closePopup.addEventListener("click", () => {
288+
popupCard.classList.remove("show");
289+
});
290+
291+
// Close the popup when clicking outside of it
292+
window.addEventListener("click", (e) => {
293+
if (e.target === popupCard) {
294+
popupCard.classList.remove("show");
295+
}
296+
});
297+
298+
if (typeof jQuery == "undefined") {
299+
document.write(
300+
unescape(
301+
"%3Cscript src='js/jquery.min.js' type='text/javascript'%3E%3C/script%3E"
302+
)
303+
);
304+
}
305+
</script>
306+
<script src="js/prefixfree.min.js"></script>
307+
<script src="js/scripts.min.js"></script>
308+
<script src="script.js"></script>
309+
</body>
310+
311+
</html>

‎solarsystem3d/script.js

+44
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
$(window).load(function(){
2+
3+
var body = $("body"),
4+
universe = $("#universe"),
5+
solarsys = $("#solar-system");
6+
7+
var init = function() {
8+
body.removeClass('view-2D opening').addClass("view-3D").delay(2000).queue(function() {
9+
$(this).removeClass('hide-UI').addClass("set-speed");
10+
$(this).dequeue();
11+
});
12+
};
13+
14+
var setView = function(view) { universe.removeClass().addClass(view); };
15+
16+
$("#toggle-data").click(function(e) {
17+
body.toggleClass("data-open data-close");
18+
e.preventDefault();
19+
});
20+
21+
$("#toggle-controls").click(function(e) {
22+
body.toggleClass("controls-open controls-close");
23+
e.preventDefault();
24+
});
25+
26+
$("#data a").click(function(e) {
27+
var ref = $(this).attr("class");
28+
solarsys.removeClass().addClass(ref);
29+
$(this).parent().find('a').removeClass('active');
30+
$(this).addClass('active');
31+
e.preventDefault();
32+
});
33+
34+
$(".set-view").click(function() { body.toggleClass("view-3D view-2D"); });
35+
$(".set-zoom").click(function() { body.toggleClass("zoom-large zoom-close"); });
36+
$(".set-speed").click(function() { setView("scale-stretched set-speed"); });
37+
$(".set-size").click(function() { setView("scale-s set-size"); });
38+
$(".set-distance").click(function() { setView("scale-d set-distance"); });
39+
40+
init();
41+
42+
});
43+
44+

‎solarsystem3d/style.css

+1,789
Large diffs are not rendered by default.

0 commit comments

Comments
 (0)
Please sign in to comment.