2009-02-27 107 views
13

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

我有什么选择?

事情我在想/看

  • VRML
  • 3DXML
  • 闪光灯
  • PDF有一些作品,但它并不像嵌入我想
  • 3DMLW(似乎很慢)
  • Universal 3D(由Adobe Reader支持)

编辑: 模型是不是很复杂,所以PERF是不是一个大问题。

回答

7

Chrome实验发布了几个3D Javascript应用程序。以下是一个示例: Colors Cube

+0

OMG,这是甜蜜的! – BCS 2009-03-19 16:15:30

2

我不确定flash支持CAD应用程序文件格式的效果如何。 IIRC,闪光灯不能做硬件加速的3D图形。另一方面,Java applet可以(使用正确的库)。

+0

我宁愿坚持JavaScript的Flash(没有理性的原因,只是我的意见) – BCS 2009-02-27 21:08:42

1

您也可以查看<画布>标签,该标签由更多浏览器实施。可能已经有一个用于模型查看的JavaScript库。

1

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

4

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

1

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

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

0

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

1
+1

似乎以游戏为目标(所以它会更重),并需要一个不常见的插件。 – BCS 2009-03-01 17:58:34

1

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

项目飞轮可以显示2D和3D模型在AutoCAD中,倒相器或制成的Revit。我认为它使用DWF或其他东西。

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

+0

除了没有主机位(在阅读我认为已经或将改变)这是现货。投票++如果我能找到如何托管它,你会得到复选标记 – BCS 2009-03-02 17:10:28

+0

我认为你必须把DWF放在你自己的服务器上,并将它传递到http://freewheel.autodesk.com/dwf.aspx?path=? ?通过IFrame。检查http://freewheel.autodesk.com/developers.aspx。这里有一个关于如何配置的解释。 – Sorskoot 2009-03-02 18:23:50

+0

这很好。所有平台都支持它。不过,我对平移,缩放和旋转控件感到失望,这些控件并不够整齐。此外,触摸屏设备不支持缩放缩放。 – Mahya 2013-08-18 09:02:25

2

Papervision和Unity3D是管道和快速装载的最佳选择。大多数加工过程中都安装了Flash,但是您需要导出为COLLADA格式,并且在陷入沉淀之前有2000个多边形的限制。

Unity 3D有一个很棒的管道,现在可以独立使用。它支持非常高的聚合计数,插件安装时无需重启浏览器,大约4MB(现在Flash和Sliverlight都超过4MB)。

另一种选择可能是扭力3D,但这也是非常基于游戏的。我认为你最好的选择是Unity 3D。您可以导出为FBX并在大约5分钟内将其在网络上导出。

将来您可以使用Google或WebGL的O3D,但它尚未准备好用于黄金时段。 Unity3D是目前唯一可以通过简单的管道在网上获得3D的Unity 3D。它可以在PC和Mac上使用,就像Flash和Silverlight一样。

1

好像基于canvas标签的JavaScript绘图apis正在采摘。看到这个最近发布的画布3d js库,尽管它只能在FF 3.5中工作:http://www.c3dl.org/

2

一个叫做Sketch Fab的新工具在几个月前问世。它完全采用HTML5设计,看起来非常强大。

0

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

0

您可以使用此插件创建html file of you 3D model。它会生成一个单一的HTML文件,你将能够使用它在你的网站的任何地方,或者你可以把它发送到客户端以及