Weather 3D globe

3D shading technologies for visualizing the universe and showing live weather forecasts. NASA images were used as textures. Preview. Click me

Note

Tech stack: Javascript, GLSL shaders, Three.js

Interactive weather radar allows you to track precipitation in real time, to select the desired location, you should type in the search box (left panel)

Camera controls

Using Orbit control camera from three.js lib [!]

Camera control is implemented using the OrbitControl functionality. Camera scaling and rotation operations are automatically available.

Controlling the globe using motion

Capturing a 3D object

Rotate a 3D object

Audio (For Future release)

Background music playback