CSS 3D Earth

Using CSS 3d to create an earth with shading and layers. It is not as good as using WebGL but it theoretically works on iPad.

I used PerspectiveTransform.js in this experiment. The class is originally created by Israel Pastrana, I customized it and added some error checking functions like concave polygon checking and close points checking.

Download:

Original PerspectiveTransform.js

My PerspectiveTransform.js

Control

Description here:

Credit

Myself: @EdanKwan

Inspired on : WebGL Earth by @alteredq

Original Class author: Israel Pastrana

Matrix lib author: Dr Peter Coxhead

Control Panel: dat-gui

Images: NASA Visible Earth

Web Font: Open San by Steve Matteson

Comment