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

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 ( if course the routes can be set anywhere).

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…

2 Likes

Flat earthers will not enjoy this experiment. :rofl:

1 Like

Yeah, the world is a strange, wired, and unfair place that’s for sure!

1 Like