14

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

我有什么选择？

我在想/在看的东西

编辑： 模型不是很复杂，所以性能不是主要问题。

4

16 回答 16

7

Chrome Experiments 已经发布了几个 3D Javascript 应用程序。这是一个示例： 颜色立方体

于 2009-03-19T15:08:04.367 回答
4

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

于 2009-02-27T21:48:30.757 回答
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 上运行。

于 2009-11-12T23:58:56.777 回答
2

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

于 2009-02-27T21:02:23.817 回答
2

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

于 2013-05-17T13:14:55.253 回答
1

您还可以查看 <canvas> 标记，该标记已被更多浏览器实现。可能已经有一个用于模型查看的 JavaScript 库。

于 2009-02-27T21:25:57.303 回答
1

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

于 2009-02-27T21:27:48.297 回答
1

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

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

于 2009-02-27T22:39:27.687 回答
1

统一：http ://unity3d.com

于 2009-03-01T12:23:13.737 回答
1

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

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

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

于 2009-03-02T08:04:23.943 回答
1

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

于 2009-11-13T00:10:36.400 回答
1

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

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

于 2014-06-09T20:48:02.607 回答
0

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

于 2009-02-28T00:05:30.007 回答
0

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

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

于 2010-09-27T17:56:00.997 回答
0

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

于 2014-02-07T01:36:10.353 回答
0

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

于 2015-12-31T04:04:54.263 回答