Hey everyone,
I’ve been playing around with a globe project …yes yes, I know, “not another one :(” - But please bare with me, this one has got some extras. I’ve spent many many… many hours on shaders and getting things to look right. My favourite part is my active dynamic cloud layer based on real wind direction data. But here is some of the features on this iteration of a globe.
Brighter stars are loaded from a known star dictionary
Secondary Stars and the Nebula is a shader
Acurate dyalight based on time/day of year (the sun position adjusts by day instead of the earth having a tilt)
Active dynamic clouds shader estimated off of wind data
Animated ocean shader
Day night blend is smooth over land surface but rough over the water achieved with shader
Globe uses a normal map + specular map
Country labels loaded from json data
Country borders loaded from json data
Earthquake layer with real-time earthquake data
Starlink Satelite layer update everyday
Wind/Wave Direction shaders from hourly GFS data
Wind/Wave visualizations shaders from hourly GFS data
Temperature map from hourly GFS data
Precipitation map from hourly GFS data
All the GFS data is processed on an custom AWS lambda service using a container image
Sun uses normal threejs lensflare
Atmosphere uses an inner and outer shader
…and just for fun:
Globe converted into ocean/land spherical grid using specular map
Active pathfinding achieved using the above grid for shipping routes, the routes avoid land and utilizes a web-worker
Plethora of controls are included to play with!