使用 JavaScript 建模 3D 多面体

Question

是否有一个 JavaScript 库可以建模 3D多面体 使用canvas标签还是SVG？假设我想制作效果图 柏拉图固体, ，我怎样才能最好地实现这一目标？FWIW，我只关心基于 WebKit 的网络浏览器，例如 Safari 和 Chrome。

我看过这个很酷的渲染演示 3D 三角形, ，但是我如何将其扩展到具有任意边数的多面体？

Answer 1

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

它使用SVG和回退到VML上MSIE。 他们确实有柏拉图式的固体的演示。我没有一个Webkit的浏览器方便，但推测它应该工作有作为。

Answer 2

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

有一个稍微复杂一点的演示 这里 它有一个矩形环。要真正了解您可以做什么（尽管这确实使用 Javascript 进行动画） - 请参阅 雪堆 演示。

Answer 3

大多数3D库概括三角形。如果你想拥有超过3个边的多边形，再细分成三角形并绘制这些三角形。如果你感兴趣的仅仅是柏拉图式的固体，那么你将有一个非常简单的时间，因为你可以很容易地得到每个面的triangluation由第一平均每个面的顶点，然后使用该中心和两个相邻面对顶点给你一个三角。