Javascript 如何使用立方体或瓷砖来形成3D HTML5球体的外部？

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

这是我想用这个球体做的。我想让它更具互动性。具体来说，我想让立方体或方形瓷砖形成球体的外部，如以下图像：

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

---

我知道这种UI设计可能真的很难，而且可能不经常或根本不做。不幸的是，我不能使用Flash。但我可以使用jQuery、JavaScript和HTML5。我想既然你可以用HTML5制作精巧的视频游戏，它应该能够处理这个问题。所以我的问题是如何使用立方体/瓷砖来形成3D球体的外部？任何方向都将不胜感激

尝试使用

css

transform:matrix（）

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