Earth Pulse is a 3D Earth dashboard which shows up the recent earth events like earthquakes, volcanoes, aurora, and also shows the live location of ISS!
Zed editor’s inline code assists and auto-completion was used for making this project.
This project is 3D interactive earth dashboard of earth’s real-time activities like earthquakes, volcanoes, aurora, and also shows up the current position of ISS.
This project was most challenging than any other! I had to fix many errors regarding issues in chromium based browsers, but at the end I decided to change the 3D globe library.
I am proud of the result I am able to achieve in 30 hrs.
After I deployed to vercel, when I opened the website in chromium based browsers, the 3D earth didn’t load up and after hours of trying I was unable to resolve the issue, however I have came with a different solution and switched the library to globe.gl from r3f-globe. Shipping the project!!! Check the new look-
Log in to leave a comment
Yes! Finally the site is hosted. There were errors on errors that I had to solve first, then the globe wasn’t rendering on the hosted site, and I kept on trying things until I had to resize the texture image into smaller size and less resolution. But now its time to enjoy! Also, I have added the README file. The website is live now and will be soon shipping the project!!
Log in to leave a comment
And there we go, almost completed the project ig, there were some UI changes and added another important thing the side bar which shows the live feed of ongoing events and volcanoes. You can click to visit that even and a detailed pop-up will appear! Also, you can search up the live feed from the search bar on the top. It also shows the total no. events present in the feed and gets updated based on what you search. Take a look at the newly added sidebar -
Log in to leave a comment
Now you control the visible layers and also see the information about the events that are taking place, also the co-ordinates of ISS! The status bar shows up the no. earthquakes past 2.5 days, the maximum earthquake magnitude recorded, the number of active volcanoes, the ISS altitude, the ISS speed, and aurora Kp. Sidebar is almost complete which will have the ability to search up through the ongoin events and you can click the event to visit it! There will be an update soon!
Log in to leave a comment
jk, completed a main breakthrough, the placement of points wasn’t working well until I turned on merge points option. There are a lot of bugs to be fixed and four errors too! Currently working on the statusbar, the sidebar and floating pills. I guess the decision of switching to react proved to be a huge success and has made my work a lot easier!!! I will soon update with the deployment and addition of new features. Just take a look at this-
Log in to leave a comment
Uhm idk where to start, but when I was working on earthPulse, specifically the textures and shaders parts, I got so much tired of writing raw vanilla scripts that I decided to quit the project. But I got an idea instead to switch the project stack and keep it simple and less messy. I dont know why I chose astro JS before but now I am switching to react and make the project more fruitful and usable. I literally got headaches while using astro JS. I did a little research on re-implementation of the project inside react. And I got some nice results from which I specifically chose the react three fiber option as it will give me more flexibility. I will be updating soon about the new add-on!
There are resources worth mentioning here, check them out-
Log in to leave a comment
Three.js is amazing as well as boring at the same time. Worked on the main thing, the globe - the heart of the project. I have started with a canvas, inside the globe component which is powered by three.js and rendered by WebGL. Currently, it consists of 3D earth which has grid lines (latitudes and longitudes), ISS position, and the aurora rings along with the star-field background. It currently features auto-rotation of earth + drag to rotate. Also, you can hover over the different natural activities point markers to know the about their information. I will continue this component by adding the earth texture to give it a real look
Log in to leave a comment
This project is going to be big one. It will have a 3D earth model which will show the live activities on earth like earthquakes, volcanic eruptions, meteor showers, ISS position, solar flares etc. all beautifully present on the 3D earth with the help three.js along with a modern dashboard of activities over time and information about them. I have researched on the APIs and information available on the internet and I have planned the following things-
Log in to leave a comment