javascript - 使用 JavaScript 建模 3D 多面体

Question

是否有使用 canvas 标签或 SVG 对3D 多面体建模的 JavaScript 库？假设我想制作柏拉图立体的渲染，我将如何最好地实现这一目标？FWIW，我只关心基于 WebKit 的网络浏览器，例如 Safari 和 Chrome。

我已经看过这个关于如何渲染3D 三角形的酷演示，但是我如何将它扩展到具有任意边数的多面体呢？

Answer 1

看看这个库：SVG-VML-3D

它使用 SVG 并在 MSIE 上回退到 VML。他们确实有一个柏拉图立体的演示。我没有方便的 Webkit 浏览器，但假设它也应该在那里工作。

Answer 2

不是对您的问题的直接回答，但是看到您提到仅 WebKit，我想我会指出最近添加到 webkit中的新的3D CSS 变换支持。这使您可以在不使用任何 Javascript 的情况下做您想做的事情。我还没有看到 3D 多面体的示例，但是那里有立方体等示例 - 例如这里。

这里有一个稍微复杂一点的演示，它有一个矩形环。要真正体验您可以做什么（尽管这确实使用 Javascript 制作动画） - 请参阅Snow Stack演示。

Answer 3

大多数 3D 库都概括了三角形。如果你想要一个多于 3 条边的多边形，你可以将它细分为三角形并绘制这些三角形。如果您只对柏拉图立体感兴趣，那么您将度过一段轻松的时光，因为您可以通过首先平均每个面的顶点，然后使用该中心和两个相邻的面的顶点给你一个三角化。