如何在JavaScript中计算旋转的3D立方体的x和y坐标？

Question

我正在尝试制作一个3D立方体，由所有单独的小div组成。假设我们有一个3 * 3 * 3 div的立方体。关于所有div的事情：

• X（Y，Z）坐标（3D立方体）
• 围绕X和Y轴的旋转角度

这在技术上应该足以计算立方体的2D透视投影。 现在的问题是：我如何计算每个div的X和Y坐标？

聚苯乙烯。此链接的类似示例位于此链接中：http://maettig.com/code/javascript/3d_dots.html。在这个例子中我不喜欢的两件事是：

• 立方体旋转的方式。例如，如果我按下鼠标，立方体就会向上旋转。此外，对于鼠标的水平移动，立方体始终围绕同一轴旋转，对于鼠标的垂直移动，立方体相对于水平旋转旋转。
• 立方体的角落只有一个“+”，我想要一个填充的（大块）立方体。