在 JavaScript/HTML5 中显示 3D 模型 [关闭]答案

【问题标题】：Displaying a 3D model in JavaScript/HTML5 [closed]在 JavaScript/HTML5 中显示 3D 模型 [关闭]
【发布时间】：2012-07-06 04:44:27
【问题描述】：

我正在考虑在浏览器中渲染 3D 模型。我应该使用哪些工具/应该查看哪些地方？

我不知道模型的数据格式是什么，我可能会要求以任何我想要的方式格式化数据。

我正在查看three.js，但它似乎需要 WebGL 才能工作，这在 IE 中似乎不受支持。

是否存在“跨浏览器兼容的 HTML 3d 渲染引擎”？ :)

【问题讨论】：

【解决方案1】：

我还没有玩过 3D，但我知道 HTML5 的 3D 资源的好地方。

这里有一个关于如何使用 Three.js 框架创建 3D 模型的教程。

这可能会对您有所帮助。祝你好运。

【讨论】：

【解决方案2】：

我还需要你一直在寻找的东西并做了一些研究。

我找到了 JSC3D (https://code.google.com/p/jsc3d/)。这是一个完全用 Javascript 编写并使用 HTML 画布的项目。它已针对 Opera、Chrome、Firefox、Safari、IE9 等进行了测试。

然后，您就有了 p3d.in 和 Sketchfab 等服务，它们为您提供了一个很好的阅读器来查看网页上的 3D 模型：它们使用 HTML5 和 WebGL。他们都有免费版本。

【讨论】：

【解决方案3】：

几年后，我会投票给three.js，因为

ie 11 支持 webgl（我不能向你保证，因为我通常在 chrome 中）

而且，至于将外部模型导入到 three.js 中，这里是 mrdoob 更新的加载器的链接（太多了！）

2019 年 11 月更新：THREE.js 加载器现在更多了，将它们全部发布几乎没有意义：只需转到此链接

http://threejs.org/examples 并检查加载器 - 至少 20 个

【讨论】：

【解决方案4】：

您是否使用 3D 工具（例如 maya）？对于 Maya，您可以查看 http://www.inka3d.com

【讨论】：