Skip to content

🌏🌎🌍 3D Earth with Mapbox GL, D3.js and Three.js

Notifications You must be signed in to change notification settings

cheeaun/3d-earth

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

37 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

3D Earth with Mapbox GL, D3.js and Three.js

My noob attempt to create a 3D earth out of Mapbox GL (vector) tiles, using a little of D3 and Three.js.

Note that I'm still figuring out how these WebGL/Canvas/3D/performance thing. Contributions and pull requests are welcomed!

Tweets:

Getting started

  1. git clone this repository
  2. npx serve to load a local server

Todos (Contributions welcomed!)

  • Replace A-frame with ThreeJS?
  • Fix the weird equirectangular dimension (actually not weird)
  • Better performance with the raster reprojection
  • Less CPU usage

Credits

Cloud image from http://xplanetclouds.com/free/.

Resources