Javascript 使网站成为真正的立方体

我最近发现了CSS/JS动画，比如Meny： 事实是，这只会让一面脱离屏幕。我的目标是，制作一个完整的立方体网站

想法：我正在使用web技术创建本机应用程序。为了让事情看起来真的很棒，我想实现3D动画。问题是，我不想过度渲染我的主要观点——所以我想实际上有五张或六张脸，这取决于这有多可能——脸。 想象一下，Meny的四个选项都被激活了——顶部、底部、左侧、右侧。因此，当用户将其跑步机移动到顶部或任何其他一侧时，他们将看到其中一张脸。 最下面的一个将容纳一个小控制台窗口。左边将进行搜索。右侧将保存一些信息和触发器，顶部显示实际菜单。中心（始终可见的面）将容纳动态加载的内容。这样我就可以使用侧面来触发对主面的AJAX调用

我如何实现这样一个动画立方体般的设计？第六个面，在前面的背面，可能是一个更详细的控制台版本，带有实际的输入和类似的终端

---

我使用的桌面技术是appJS。它还不支持3D，所以我会使用不同的技术。我将在Safari中调试接口本身。

这对于CSS 3D Transforms来说应该不会太难。看看这些：

还有一个演示：

---

浏览器中的立方体，每个面显示页面的不同版本？看看three.js-。这是一个webgl图书馆。下面是一个例子，有人在场景中的一个平面上实现了html-。看起来很有趣，但o.o.也很复杂；不过，我会留意的。如果没有其他帮助，我会用这个…不知怎么的。超级有趣！我们将尝试将此应用于主体，并使用Meny的方法在鼠标指针戳到特定区域时自动旋转立方体。谢谢好的，我看了这个例子，然后用最后的演示制作了一个副本。现在我的立方体确实旋转了…但它几乎是上升的。