Hey folks! I recently came across this really cool animated globe on a website and I'm super interested in incorporating something similar into my upcoming project. However, I'm not quite sure how to create it or where to start. If anyone has insights on how to make something like this, or any tools or libraries I should consider, I'd really appreciate the help! I'd also like to add a few personal tweaks to make it unique. Here's a link to the animated globe I'm inspired by: [tv.garden](https://tv.garden/?utm_source=chatgpt.com). Thanks so much for any guidance!
5 Answers
It looks like the globe is likely custom-built. Their site mentions that they use open-source tools like **Three.js** for the 3D globe, **Video.js** for video playback, and **Luxon** for handling local times. Those would be great starting points for you!
Check out globe.gl, which leverages WebGL and integrates with three.js. It seems like a solid choice. Also, take a look at three-globe for more inspiration!
Hey, I’ve actually got the same kind of globe on my site! Three.js is where it's at; it's super helpful for rendering. Definitely give it a shot!
You might want to explore various mapping libraries too. Libraries like Mapbox GL or Maplibre could be useful for your project as well!
Using three.js could definitely help you recreate something similar. It's a fantastic open-source JavaScript library for 3D graphics. Also, if you dive into the webpage’s source code, you can spot what specific tools they used!
Just a heads-up, the source code might be minified, so it could be a bit tricky to read!