GeoNet-3D is an interactive 3D Solar System n' Satellite Simulator built with Three.js and raw JavaScript.
What did you make?
I built an interactive 3D space simulator featuring planetary orbits, Earth's Moon, real-time tracking of artificial satellites (like the ISS, Hubble, and JWST), a 3D orientation compass, dynamic info panels, and a custom intro screen with a rotating 3D Earth preview.
What was challenging?
Diving into Three.js and .JS before we even covered JavaScript in my classes! Dealing with WebGL rendering, coordinating camera tracking without built-in collision tools, handling an isolated second canvas for the intro page, and figuring out the math for the orbital movements were a pain ;o.
What are you proud of?
I'm proud of taking this idea from absolute zero to a fully functional, clean 3D web application. Getting the custom UI layout working, making the transition from the welcome screen to the main simulation seamless, and building controls that actually feel good to navigate was super satisfying.
What should people know so they can test your project?
When you load the page, you'll land on a welcome intro screen with a control guide and a 3D Earth. Click "START EXPLORING" to jump into the actual simulation. Use Left Click to select objects, Right Click + Drag to rotate the camera, WASD for free flying movement, and the top-left UI panel to toggle satellites, real speed, orbits, or the 3D compass.
- 10 devlogs
- 27h
