By
@Mateus-M15
An interactive 3D orbital telemetry platform built with WebGL and Three.js designed to simulate, track, and visualize real-time satellite pathways and celestial data around Earth.
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.
50m 49s logged
DevLog #10 🚀
Hello dear person seeing this :D: :D
OH MAN, FINALLY IT’S WORKIN as IT SHOULD, well, even tough i had some Ai help -sorry for that, going from never build a website or anything to and 3D renderer, was a verry cool thing to do, and made me understand better how site’s work etc, today i’ve added the final “MANUEL” to use just a quick guide, and some random bug fix, feel free to try it out, BYEEEE 
1h 15m 42s logged
DevLog #9
Hello, so today i’ve added the satelites models and the Cool Info Pannel now works as it should, i’ll add a user guide manual tomorrow, bye ;3
1h 29m 3s logged
DevLog #8
sup, today i just did some changes to the menu, added an animation, and configured the “Hide Ui” button, more work tomorrow, bye.
1h 25m 45s logged
Hello People ;3 - Today was a shorter development session, about one hour, but I focused on planning one of the biggest UI improvements for GeoNet 3D.
The new Cool Information Panel will display data such as:
My goal is to make GeoNet 3D feel less like a simple 3D viewer and more like an interactive educational application.
Even though there wasn’t a lot of coding today, planning the interface beforehand should make the next implementation much faster.
P.S. If you noticed this devlog has a different style, it’s because I didn’t realize I could customize it until today. >:P
6h 0m 33s logged
Helloo again XD, so today i got focoused on fixin the damn system that gives and ideia of how fast they actually move irl, and their positions, to they are aproximatly where it should be, not 100% exact but you can get the ideia, fixed bug when animation endende some planets whould snap to a completly random position, i also took some time to redesign the satellites systems so i can calculate their positions easly, overall, i improved the simulation. See ya on next ;D
6h 3m 52s logged
Hello ;3 woow 6 hours. . . yeah, thats some time i guess….
Today i decided that 900+ lines on a single file was too much, so i need to organize it better, because adding new updates was getting hard as i was lost to where i put some code, in addition to that now we have:
-New Camera sistem the old one sometime just didn’t work, the issue was it missed a “}”
-The Real-Time Speed, now does some math to place the planets as close as they should be irl, when you toggle it on ofc, that was it, rewriting and aprimorating the code. theres some photos of the app down there /, see yaa ;0
5h 19m 42s logged
Hello :D so i got a few days off, uuh vacation and a flu verry normal, but to reapay that i didn’t worked on the project other days, i reapaid it today so:
-New Camera System; YAYA:D (now it’s easier to navigate and it’s no glichy)
-New Planets from the solar system.
-New Toggle Button for the “Real Time speed” that alings the planets to where they supposly are irl, (on-work)
-Added a trail, so you can see the path the it runs,
-Added a teleporting menu, so you can let’s says, “fast travel “ to an planet.
that’s it folks, have a good day ;D
.png)
1h 16m 37s logged
GoodNight to whoever is reading this ;D
So today i just fixed some camera bugs, like when i click a platet, a satelite etc, the camera doesn’t pivot correctly, now works fine, and add some box likes objects representing the satelites, (the box it’s temporary) until i find a model or i make one.
2h 43m 4s logged
Sup people or aliens idk ;D
So today I fixed the camera controls that were twisted, and added a menu so I can do stuff like pivoting the camera to Earth, toggling the stars, Earth’s rotation, and more. I also added the Moon and the Sun as actual celestial bodies, plus a 3D compass because you might flip yourself upside down and need to keep track of it!
42m 24s logged
Hello dear person reading this :D.
Today I built the main Earth sphere using Three.js, i used a texture loader function to project an image onto the sphere, and added a sun-type illumination. I still need to create the actual Sun object for reference.
