Three.js Earth Flight Paths with Animated Shader Dashes (City-to-City Globe)

In this video, I build a 3D Earth in Three.js with glowing city markers and animated curved routes between cities like Bucharest, Madrid, Moscow, Los Angeles, and Rio de Janeiro.

I also fix key issues like arc shape consistency, point-to-point curve connection, and dash segment sizing so dashes look the same on short and long routes.

What’s covered:

Earth sphere with day/night/specular textures
Latitude/longitude hotspot placement
Curved path generation between cities
Shader-based animated dashes (uTime)
Uniform dash size regardless of curve length

more…

1 Like