regl icon indicating copy to clipboard operation
regl copied to clipboard

WebGL globe

Open mikolalysenko opened this issue 9 years ago • 6 comments

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

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

mikolalysenko avatar Aug 05 '16 15:08 mikolalysenko

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

Erkaman avatar Aug 05 '16 16:08 Erkaman

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 avatar Aug 05 '16 16:08 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 avatar Aug 05 '16 16:08 mikolalysenko

Another globe by @vorg:

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

mikolalysenko avatar Aug 05 '16 21:08 mikolalysenko

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.

ghost avatar Oct 28 '16 20:10 ghost

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

squirrelsquirrel78 avatar Jun 12 '20 13:06 squirrelsquirrel78