Sphere shader WebGL demo

<< Back to sphere rendering

Use the left mouse button + drag to rotate the globe, Shift+left mouse button moves the light. If you see nothing but a black/empty rectangle, make sure JavaScript is enabled and you're using a WebGL-enabled browser (and WebGL is enabled). If you still can't see anything, dry forcing a redraw by rotating the globe. Texture resolution changes can temporarily make the globe disappear. Force a redraw if that happens.

The shader used here is not 100% identical with the one in the source ZIP. You should use the original, not this version. Some modifications were required (for example, the precision modifiers). You can use this modified version if you really want. Like the original, this modified shader is public domain.

Tested under Firefox 17 - 25, don't know if any other browser works.

Your browser doesn't support WebGL, it has been disabled or JavaScript is disabled.
Globe rotationTexture resolution
Horizontal:
°

Vertical:
°
Light positionCanvas size
Horizontal:
°
Vertical:
°