Création d'une scène de carte du monde avec des cubes en 3D? (WebGL, Three.js, toile)

Question

Je voudrais créer une carte du monde en perspective 3D comme celui-ci, y compris l'ombre: http://www.google.com/zeitgeist/2012/#explore (S'il vous plaît attendre 3 secondes pour animer sa position)

sur En haut de la carte du monde, je voudrais placer des cubes rouges simples (en jetant aussi des ombres) au lieu des marqueurs dans l'exemple ci-dessus.

1. Quelles normes/frameworks utiliseriez-vous?
2. En code pseudo, comment voulez-vous atteindre ce qui précède?

Answer 1

Vous pouvez le faire avec WebGL pur, mais si vous voulez le code vite que Three.js

create plane 
apply world map texture 
pixel-shader displacement for country shapes and shadow 
red cubes 
render shadow map for directional light and apply it to plane