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:
- https://twitter.com/cheeaun/status/904317333862203392
- https://twitter.com/cheeaun/status/904341545293275136
git clonethis repositorynpx serveto load a local server
- Replace A-frame with ThreeJS?
- Fix the weird equirectangular dimension (actually not weird)
- Better performance with the raster reprojection
- Less CPU usage
Cloud image from http://xplanetclouds.com/free/.
- https://blog.mapbox.com/mapbox-gl-js-ar-js-a-frame-vr-mapbox-ar-vr-93c09be08742
- https://aframe.io/docs/
- http://hanmomhanda.github.io/mastering-d3-html/chapter11/05-raster/
- https://bl.ocks.org/rasmuse/75fae4fee3354ec41a49d10fb37af551
- https://github.com/rasmuse/d3-geo-warp
- https://github.com/d3/d3-geo/
- https://bl.ocks.org/mbostock/4329423
- https://threejs.org/examples/software_geometry_earth.html
- https://github.com/miguelmota/threejs-earth
- https://github.com/yomotsu/camera-controls
- https://threejs.org/docs/#api/geometries/SphereGeometry
- https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext
- https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D
- https://github.com/tizzle/aframe-orbit-controls-component
- mrdoob/three.js#9716
- https://stackoverflow.com/questions/7156971/webgl-readpixels-is-always-returning-0-0-0-0
- https://mapzen.com/blog/escape-from-mercator/