https://github.com/fletchcoder/solar-system

https://github.com/fletchcoder/solar-system

css3 html5 javascript jsm threejs

Last synced: 19 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/fletchcoder/solar-system
• Owner: fletchcoder
• Created: 2024-10-04T03:19:02.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-10-23T20:34:45.000Z (28 days ago)
• Last Synced: 2024-10-24T08:21:00.780Z (27 days ago)
• Topics: css3, html5, javascript, jsm, threejs
• Language: JavaScript
• Homepage:
• Size: 3.22 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Solar System

This is a solar system exploration site that showcases the planets of the solar system via Three.js 3D models. The planets are made using Three's Icosahedron geometry to create spheres and texture loader to put images on the spheres to make planets. Each planet can be rotated by holding left click and zoomed in and out on with the mouse wheel thanks to jsm OrbitControls. Each planet has rotation and axial tilt that is made to match their real life counterparts. Uses ideas from Bobbyroe's Threejs Earth Tutorial and planet textures from Planet Pixel Emporium. 

## Built With 

* HTML

* CSS

* JavaScript

* Three.js

* Bobbyroe Tutorial https://github.com/bobbyroe/threejs-earth

* Planet Pixel Emporium https://planetpixelemporium.com/index.php

## Solar System Overview 

![image](https://github.com/user-attachments/assets/a2a06d2b-98f6-4ab6-977b-4c8364fcea91)

Click on the orbiting planets, stationary planets, or open the planet menu to go to the respective planet (depends on your screen's size).

## Inner Solar System Planets

![image](https://github.com/user-attachments/assets/652e5745-c1f9-4338-bcdc-6ef3aee75a04)

![image](https://github.com/user-attachments/assets/4a542130-0067-4293-9cde-604ca2fd2c99)

![image](https://github.com/user-attachments/assets/8f4bd40b-cab6-4da0-a27a-9e91c25bd15b)

![image](https://github.com/user-attachments/assets/3f4557a0-9f03-447e-b13d-96ca1d4299ed)

## Outer Solar System Planets

![image](https://github.com/user-attachments/assets/a35bc08e-5ea7-40a3-b872-d822d29121d3)

![image](https://github.com/user-attachments/assets/c0c9979a-c761-4028-84e2-45133313e178)

![image](https://github.com/user-attachments/assets/95f46275-4673-4c22-86ae-9f28379e8bfb)

![image](https://github.com/user-attachments/assets/c5cc9394-e53d-433d-bffb-338a212eb1cc)