WebGL globe

[mikolalysenko]

It would be rad to have some sort of WebGL globe example. Bonus points for:

• Day/Night rendering
• Atmospheric scattering
• Streaming tile rendering

[Erkaman]

Do you have any links to some WebGL globes that people have implemented? That you can use as a reference point.

[mikolalysenko]

Sure, some references:

• http://k9.github.io/globe-viewer/
• http://learningthreejs.com/blog/2013/09/16/how-to-make-the-earth-in-webgl/
• Google maps (zoom out all the way) https://www.google.com/maps/@35.9038107,-100.3486691,23003418m/data=!3m1!1e3
• Cesium http://cesiumjs.org/demos.html

This is a project that can be as easy or as hard as you like. But even something as basic as that threejs globe in regl would go a long way. Also more abstracted globes could be pretty useful, for example drawing countries/boundaries in wireframe.

[mikolalysenko]

Also a reference implementation of atmospheric scattering:

• https://www.shadertoy.com/view/lslXDr

Some refs:

• http://http.developer.nvidia.com/GPUGems2/gpugems2_chapter16.html

[mikolalysenko]

Another globe by @vorg:

• http://marcinignac.com/projects/nine-point-five/

[ghost]

regl globe: https://substack.neocities.org/earth/7.html

I have a regl globe tutorial finished, just need to wait on some other articles before publishing.

[jsonkao]

Maybe this could be cleaned up and repurposed for an abstracted example? (Just shows countries and also some simple terrain)

https://jsonkao.github.io/regl-globe-example