如何使用立方体或图块构成3D HTML5球体的外部？

Question

我想构建一个三维球体的UI。它可以旋转和滚动进出。我在这里发布了一个我希望使用的球体： http://jsfiddle.net/Lance_Bitner/vbvfnxxz/

<div id="rootDiv">
    <!-- Main Canvas -->
    <canvas id="renderCanvas"></canvas>
</div>

这是我想用这个球体做的事情。我想让它更具互动性。具体来说，我想在球体外部制作立方体或方形瓷砖，如下图所示：

http://www.123rf.com/photo_10160495_a-sphere-made-up-of-tiles-featuring-question-marks-symbolizing-a-world-of-confusion-or-curiosity-and.html

http://www.dreamstime.com/royalty-free-stock-photos-sphere-made-small-cubes-image11662558

我想给你我的整体愿景。理想情况下，我会有一个由立方体/瓷砖组成的球体，您可以翻转这些立方体。每个多维数据集都有一个应用程序图标。一旦其中一个立方体被翻转，它就会扩大得更大，以便您可以看到应用程序的描述。然后，我可以单击多维数据集转到该应用程序的页面。

我知道这种UI设计可能非常困难，而且可能不经常或根本没有。不幸的是我无法使用Flash。但我可以使用jQuery，JavaScript和HTML5。我想，因为你可以在HTML5中制作精美的视频游戏，它应该能够处理这个问题。所以我的问题是如何使用立方体/瓷砖来形成我的3D球体的外部？任何方向都会受到赞赏！