html - 用 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