使用3D立方体创建世界地图场景？ （WebGL，Three.js，Canvas）

Question

我想像这样在3D视角中创建一个世界地图，包括阴影： http://www.google.com/zeitgeist/2012/#explore  （请等待3秒钟让它动画到其位置）

在世界地图的顶部，我想在上面的示例中放置简单的红色立方体（也投射阴影）而不是标记。

1. 您会使用哪些网络标准/框架？
2. 在伪代码中，您将如何实现上述目标？

Answer 1

您可以使用纯webGL进行此操作，但如果您想要快速编写它而不是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