HTML页面上的3D模型[关闭]答案

【问题标题】：3D models on HTML page [closed]HTML页面上的3D模型[关闭]
【发布时间】：2010-10-10 10:43:24
【问题描述】：

我有想要在网页上显示的 3D CAD 模型。我想以<img> 标记之类的形式显示它（例如与其他所有内容内联而不是作为单独的页面），并且我希望访问者能够旋转模型以从不同的角度查看它。

我有什么选择？

我在想/在看的东西

VRML
3DXML
闪光
PDF 有一些有用的东西，但它没有像我想要的那样嵌入
3DMLW（看起来很慢）
Universal 3D（Adobe Reader 支持）

编辑： 该模型不是很复杂，因此性能不是主要问题。

【问题讨论】：

标签： html 3d cad

【解决方案1】：

Chrome Experiments 已经发布了几个 3D Javascript 应用程序。这是一个例子： Colors Cube

【讨论】：

天哪，太甜了！！
有非 JS 的方式来做到这一点吗？ HTML5 中是否有这样的计划？

【解决方案2】：

Papervison3D 是一个值得一看的 3D flash 库。我自己没有机会玩它，但一些演示看起来不错。

【讨论】：

【解决方案3】：

Papervision 和 Unity3D 是管道输入和快速加载的最佳选择。 Flash 安装在大多数机器上，但您需要导出为 COLLADA 格式，并且在它陷入困境之前有 2000 个多边形的限制。

Unity 3D 拥有出色的流程，现在对独立游戏免费。它支持非常多的多边形数量，并且插件无需重启浏览器即可安装，大小约为 4MB（Flash 和 Sliverlight 现在都超过 4MB）。

另一个选项可能是 Torque 3D，但它也非常基于游戏。我认为您最好的选择是 Unity 3D。您可以导出为 FBX 并在大约 5 分钟内将其发布到网络上。

将来您可以使用来自 Google 或 WebGL 的 O3D，但它还没有为黄金时段做好准备。目前唯一能够在网络上获得 3d 且多边形数量可观的简单管道是 Unity3D。它可以像 Flash 和 Silverlight 一样在 PC 和 Mac 上运行。

【讨论】：

我会选择 unity 3d，非常强大

【解决方案4】：

我不确定 Flash 对 CAD 应用程序文件格式之类的 3D 支持有多好。 IIRC，flash 不能做硬件加速的 3D 图形。另一方面，Java 小程序可以（使用正确的库）。

【讨论】：

我宁愿坚持使用 Flash 的 javascript（没有合理的理由，只是我的看法）

【解决方案5】：

几个月前出现了一个名为Sketch Fab 的新工具。它完全用 HTML5 设计，看起来非常强大。

【讨论】：

【解决方案6】：

您还可以查看

【讨论】：

【解决方案7】：

考虑 QuickTime VR。它可以满足您的大部分要求，并且由于您拥有原始模型，因此您可以创建一个相当准确的模型。

【讨论】：

【解决方案8】：

团结：http://unity3d.com

【讨论】：

好像是针对游戏的（所以会比较重），需要一个不常见的插件。

【解决方案9】：

看看http://labs.autodesk.com/technologies/freewheel/

Project FreeWheel 可以显示在 Autocad、Invertor 或 Revit 中制作的 2D 和 3D 模型。我认为它使用 DWF 或其他东西。

此时无法在您自己的服务器上托管 FreeWheel，但您可以将 DWF 上传到 Autodesk 并在 IFrame 中显示您的模型。

【讨论】：

除了没有主机位（并且在阅读时我认为已经或将要改变），这是正确的。投票++如果我能找到如何托管它，你会得到复选标记
我认为您必须将 DWF 放在自己的服务器上并将其传递给freewheel.autodesk.com/dwf.aspx?path=???通过 IFrame。检查freewheel.autodesk.com/developers.aspx。这里有关于如何配置的解释。
这很好。所有平台都支持它。然而，我对不够整洁的平移、缩放和旋转控件感到失望。此外，触摸屏设备不支持捏合缩放。

【解决方案10】：

VRML 可能是一个不错的选择。 Parallel Graphics 提供了一个很好的客户端，我已经使用了很长一段时间了。我的website 上有一些 VRML 模型（尽管内容很琐碎！）。模型将很快加载，特别是如果它们不是那么大。有几种可用的导航模式，您可以将其锁定为“检查”，从而让用户旋转模型（尽管实际上它是围绕对象移动的相机）。

您需要找到一个可以编写 VRML 文件的程序，尽管任何体面的建模师都会有这个选项。

【讨论】：

【解决方案11】：

似乎基于 canvas 标签的 javascript 绘图 API 正在兴起。请参阅这个最近发布的 canvas 3d js 库，尽管它仅适用于 FF 3.5：http://www.c3dl.org/

【讨论】：

【解决方案12】：

Autodesk 即将推出他们的新查看器 API：

http://through-the-interface.typepad.com/through_the_interface/webtech/

【讨论】：

更多：github.com/ADN-DevTech/A360ViewerSamples

【解决方案13】：

Shockwave 带有一些脚本代码，用户可以旋转模型。

【讨论】：

【解决方案14】：

这是一个 JavaScript 3D 渲染引擎：pre3d。

如果您还没有查看过，Doob 先生有一个用于 3D 图形和建模的库：homepage 和 git repo for three.js。

【讨论】：

感谢蓝色的编辑

【解决方案15】：

您可以使用A3dsViewer - 提供对 HTML5(three.js) 的导出，或者您可以直接导出到 Google Drive 并为您的页面获取生成的<iframe> url。导出的 HTML5 模型默认包含旋转功能。

【讨论】：

【解决方案16】：

您可以使用此插件创建html file of you 3D model。它将生成单个 html 文件，您可以在网站的任何位置使用它，也可以将其发送给客户端

【讨论】：